| 123456789101112131415161718192021222324252627282930 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>Title</title>
- </head>
- <body>
- <div id="div"></div>
- <button onclick="fun()">按钮</button>
- </body>
- <script>
- <!--点击按钮的时候给id= div 的元素设置内容 ： 内容为： h1 标签内容 -->
- function fun() {
- // 1 获取id = div
- var div = document.getElementById("div")
- // 2 给元素去设置内容
- /**
- * innertText 和innertHtml
- * 如果设置文本是普通文本他们两个是没有任何区别的
- *
- * 但是如果设置内容包含html 元素 你想具备html 标签效果
- * 就必须使用innertHtml , 如果你不想具备html 效果就是innertText
- * @type {string}
- */
- // innertText 和innerHtml 去设置内容
- // div.innerText = "<h1>123</h1>"
- div.innerHTML = "<h1>123</h1>"
- }
- </script>
- </html>
|
