| 1234567891011121314151617181920212223242526272829303132333435 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>Title</title>
- </head>
- <body>
- <div id ="div1"></div>
- <img id="img" src="img/1.png" alt="">
- <button onclick="fun()">修改div 内容</button>
- <button onclick="fun1()">变成美女</button>
- </body>
- <script>
- /**
- * 需求1: 点击button 按钮. 把div 内容设置成我是中国人
- * 需求2: 点击变成美女按钮, 把img src 属性修改成img/2.png
- */
- function fun(){
- // 1 获取id 为div 元素 document.getElementById()
- var div1 = document.getElementById("div1")
- // 2 给元素去设置内容为我是中国中 元素.innertText
- div1.innerText = "我是中国人"
- }
- /**
- * dom 操作不论事操作元素本身
- * 还是操作元素的内容 或者是属性
- * 都必须要先获取这个元素
- */
- function fun1(){
- var img = document.getElementById("img")
- img.src = "img/2.png"
- }
- </script>
- </html>
|
