修改元素
(1)修改内容
function fun(){
//获取到指定元素
var p1 = document.getElementById("p1");
p1.innerText = "我被单机了!";
}
通过innerText属性可读取或设置标签的内部文本
function fun(){
//获取到指定元素
var p1 = document.getElementById("p1");
p1.innerHTML = "我被单机了!<br>换行了";
}
也可以通过innerHTML属性获取或设置内部文本。
两者的区别:innerHTML会按照html规则解析文本,而innerText只是当作普通文本内容。
(2)修改样式
a.xxx.style.yyy
b.xxx.classname = “.....”(相当于修改了class属性)
<body>
<p id="p1">修改样式测试</p>
<input type="button" value="样式一" οnclick="style1()"/>
<input type="button" value="样式二" οnclick="style2()"/>
</body>
<script>
var p1 = document.getElementById("p1");
function style1(){
p1.className = "style1";
}
function style2(){
p1.className = "style2";
}
</script>