javascript listStyleImage property
Translation results：
list
英[lɪst] 美[lɪst]
n.List, catalog; slant; edge of cloth, end of cloth; narrow strip
vt. List, include; compile... into a table; record in the list
vi. List on the table
Third person singular: lists Plural: lists Present participle: listing Past Formula: listed past participle: listed
style
英[staɪl] 美[staɪl]
n. Style; style; fashion; instrument, Taste
vt. To design; to name; to shape...
vi. To conform to popular styles; to make decorative paintings with a carving knife
Third person singular: styles Plural: styles now Participle: styling Past tense: styled Past participle: styled
#image
英[ˈɪmɪdʒ] 美[ˈɪmɪdʒ]
n.Image; portrait; Concept, intention; mirror, image
vt. Reflect; imagine; make an image of; symbol
Third person singular: images Plural: images Present participle: imaging Past tense: imaged Past participle: imaged
javascript listStyleImage propertysyntax
Function:Set the image as the list item mark
Syntax: Object.style.listStyleImage=url|none
javascript listStyleImage propertyexample
<html>
<head>
<script type="text/javascript">
function changeList()
{
document.getElementById("ul1").style.listStyleImage="url('http://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg')";
}
</script>
</head>
<body>
<ul id="ul1">
<li>Coffee</li>
<li>Tea</li>
<li>Water</li>
<li>Soda</li>
</ul>
<input type="button" onclick="changeList()"
value="Change list-item marker" />
</body>
</html>Run instance »
Click the "Run instance" button to view the online instance