原始JS修改元素的内容

最新推荐文章于 2024-09-11 15:33:18 发布

柠檬加栤

最新推荐文章于 2024-09-11 15:33:18 发布

阅读量218

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/m0_57071129/article/details/118974070

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div>肚子宁</div>
    <p><span>美丽</span></p>
</body>
<script>
    // 输出div和p元素中的文字
    var div=document.querySelector("div")
    var p=document.querySelector("p")
    
    // 获取元素中的文字内容
    // var divtxt=div.innerText;
    // console.log(divtxt)

    // 获取p元素里面的所有内容
    // var ptxt=p.innerHTML;
    // console.log(ptxt)

    // var div1=div.innerHTML;
    // console.log(div1)

     
    // 修改元素内容
    // div.innerText="动则容"
    // div.innerHTML="士钊梦周公女儿"


    div.innerHTML="<a>女儿<br/>说：你好</a>"
</script>
</html>