修改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屬性。進而修改。