博客

JS基础-标签内容获取方式

  • Post author:
  • Post category:其他



没有深度睡眠，胸口疼！
 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>

<body>
<div id="box">
    <input type="text">
    <div>今天天气不好！</div>
    <textarea></textarea>
</div>

<script>
    window.onload = function (ev) {
        var input = document.getElementsByTagName('input')[0];
        /*凡是表单控件都可以使用value*/
        input.value = '要下雨了！';
        var textarea = document.getElementsByTagName('textarea')[0];
        textarea.value = '希望成为一名合格的前端开发工程师！然后，转个后端！最后学个爬虫！监狱是终极目标！';

        var box = document.getElementById('box');
        /*innerText表示box中的内容，不包括标签，赋值的时候也是一样的，也是只包含内容，不包含标签。*/
        console.log(box.innerText);
        box.innerText = '我要变身了！';
        /*innerHTML表示box里面的所有内容，包括标签，赋值的时候也一样，包括标签！*/
        box.innerHTML = '<img src = "images/01.jpg"></img>';
        console.log(box.innerHTML);
    }
</script>
</body>
</html>


版权声明：本文为weixin_45799003原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。