DOM

获取元素内容最简单的方法:innerHTML 属性

取id为intro的元素的值并打印

var txt = document.getElementById("intro").innerHTML;
document.write(txt)

访问HTML元素的方法

getElementById()
getElementByTagName()
getElementByClassName()

改变HTML元素内容

document.getElementById("P1").innerHTML = " new text ";

改变HTML样式

document.getElementById("p2").style.color = "blue";
document.getElementById("p2").style.fontSize = "Arial";

HTML DOM分配事件

script>
function changetext(id){
    id.innerHTML="Ooops!";
}
</script>
</head>
<body>
 
<h1 onclick="changetext(this)">点击文本!</h1>

推荐阅读更多精彩内容