修改DOM节点属性
利用Dom可以方便的查询节点,那么查询节点之后如何修改节点的属性呢?比如修改标签内的文字。利用
textContent可以修改。
代码如下
<!DOCTYPE html>
<html>
<body>
<ul id="myList"><li id="item1">Coffee</li><li id="item2">Tea</li></ul>
<p id="demo">点击按钮来获得列表元素的文本内容。</p>
<script>
document.getElementById("myList").textContent="doubi";
</script>
<p><b>注释:</b>Internet Explorer 8 以及更早的版本不支持此属性。</p>
<p><b>注释:</b>文本内容包含所有子节点的文本。</p>
</body>
</html>
分析
document.getElementById("myList").textContent="doubi";
中document.getElementById("myList")获得dom对象,之后再利用点操作符获取其textContent属性。进而修改。