innerHTML/innerText

最新推荐文章于 2019-04-18 21:07:46 发布

阳光小混混

最新推荐文章于 2019-04-18 21:07:46 发布

阅读量184

点赞数

分类专栏： js学习基础篇文章标签： js中添加一段HTML js中添加一段文字

本文链接：https://blog.csdn.net/qq_36930221/article/details/79873005

版权

js学习基础篇专栏收录该内容

14 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>innerHTML/innerText</title>
</head>
<body>
<div id="div1" style="border: 1px solid red; height: 50px; text-align: center; vertical-align: 50px;" ></div>
<button id="btn" οnclick="setinnerHTML();">添加一段HTML</button>
<button id="btn1" οnclick="setinnerText();">添加一段文字</button>
<script type="text/javascript">
function setinnerHTML(){
//定义一段HTML
var str="<p style='color:red;' >这是一段HTML</p>"
//获取ID
var arr=document.getElementById("div1");
//添加到返回的ID中
arr.innerHTML=str;
}
function setinnerText(){
//定义一段文字
var str="厉害了我的哥！";
var arr=document.getElementById("div1");
arr.innerText=str;
}

</script>
</body>
</html>