今天先简单谈谈我对innerHTML的理解,innerHTML主要是用于获取对象的内容 先获取到id() 再获取到内容
内容的交换:<div id="a">今天不上班</div><div id="b"></div>
var str1=document.getElementById("a");
var demo=str1.innerHTML;
str2.innerHTML=demo;
以下是图片的插入:
<!DOCTYPE html>
<html>
<body>
<h1>我的第一段 JavaScript</h1>
<p id="demo" style="color: blue;">
JavaScript 能改变 HTML 元素的内容。
</p>
<script>
function myFunction()
{
var x=document.getElementById("demo"); // 找到元素
x.innerHTML='<img src="pic/t0137672dab15f875d5.gif" height="100" width="100" />';; // 改变内容
}
function F(){
var str= document.getElementById("demo");
if(str.style.color=="blue"){
str.style.color="red";
}else{
str.style.color="blue";
}
}
</script>
<button type="button" οnclick="myFunction()">点击这里</button>
<button type="button" οnclick="F()">点击切换颜色</button>
</body>
</html>
扫一扫
2209
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
