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

最新推荐文章于 2023-08-08 15:52:41 发布

「已注销」

最新推荐文章于 2023-08-08 15:52:41 发布

阅读量327

点赞数

分类专栏： JS学习笔记（个人）

本文链接：https://blog.csdn.net/weixin_45799003/article/details/116430027

版权

JS学习笔记（个人）专栏收录该内容

92 篇文章 1 订阅

订阅专栏

没有深度睡眠，胸口疼！

<!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>

「已注销」

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS基础-标签内容获取方式

没有深度睡眠，胸口疼！<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="box"> <input type="text"> <div>今天天气不好！</div>
复制链接

扫一扫

专栏目录