jQuery-对标签元素文本操作-属性操作-文档的操作

1.1 对标签中内容的操作

// js
var div1 = document.getElementById("div1");
div1.innerText
div1.innerHTML


//jQuery
var $div1 = $("#div1");
$div1.text()
$div1.html()

<!DOCTYPE html>
<html>
<head>
    <title>文本操作</title>
</head>
<body>
    <div >
        <p>
            我是div1下的p段落
        </p>
    </div>

    <script src="../jquery-3.3.1.js"></script>
    <script type="text/javascript">
        // 1.文本的获取
        var div1 = document.getElementById("div1");
        console.log(div1.innerText);
        console.log(div1.innerHTML);

        var $div1 = $("#div1");
        console.log($div1.text());
        console.log($div1.html());
        // 2.给元素赋值一个文本   会覆盖原来的标签和内容
        div1.innerText = "哈哈";
        console.log(div1.innerText);
        div1.innerHTML="<span>哈哈</span>"
        console.log(div1.innerHTML);

        $div1.text("呵呵")
        console.log(div1.innerText);
        $div1.html("<span>呵呵</span>")
        console.log(div1.innerHTML);

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

操作文本的demo