【Web】Web-API（No.61）innerText和innerHTML

Sherry Lupus

于 2019-08-13 11:11:20 发布

阅读量159

点赞数

分类专栏： Web-API 文章标签： Web API

本文链接：https://blog.youkuaiyun.com/qq_43251850/article/details/99410085

版权

Web-API 专栏收录该内容

16 篇文章

订阅专栏

innerText和innerHTML

在这里插入图片描述
需要素材点击图片联系我或私信、评论

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>innerText和innerHTML</title>
</head>
<body>
<button id="btn">点击</button>
<div id="box" class="box">OMG!也太好看了叭！</div>
<script src="common.js"></script>
<script>
    //innerText 设置/获取文本内容 只能获取文本内容
    //innHTML 设置/获取文本内容 可以解析标签 获取所有内容
    my$("btn").onclick = function(){
        //设置内容
        // my$("box").innerText = "<h1>买买买</h1>";
        //

        //获取
        console.log(my$("box").innerText);
        console.log(my$("box").innerHTML);
    }
</script>
</body>
</html>