P13 演示innerHTML的使用
2021-01-22 14:12
标签：inpu ini char 添加 round charset port height bsp P13 演示innerHTML的使用 标签：inpu ini char 添加 round charset port height bsp 原文地址：https://www.cnblogs.com/runmoxin/p/13285684.htmlDOCTYPE html>
html lang="en">
head>
meta charset="UTF-8">
meta name="viewport" content="width=device-width, initial-scale=1.0">
title>innerHTMLtitle>
style>
#div1{
width: 200px;
height: 200px;
border: 1px solid black;
}
style>
script>
window.onload = function(){
var div1 = document.getElementById("div1");
var btn1 = document.getElementById(‘btn1‘);
var txt1 = document.getElementById(‘txt1‘);
var text = ‘使用innerHTML给div标签中添加文本内容‘;
btn1.onclick = function(){
/*
这里主要是想说明innerHTML的用法
不但可以添加文本内容, 同样也是可以添加页面的标签的.
*/
div1.innerHTML = ‘‘+txt1.value+‘‘+‘‘+text+‘‘;
}
}
script>
head>
body>
input id="txt1" type="text">
input id="btn1" type="button" value="设置">
div id="div1">div>
body>
html>
下一篇：Vue.js(一)
文章标题：P13 演示innerHTML的使用
文章链接：http://soscw.com/index.php/essay/45453.html