JS基础-JS特效篇（表单内容获取方式）

最新推荐文章于 2024-02-10 15:17:04 发布

「已注销」

最新推荐文章于 2024-02-10 15:17:04 发布

阅读量72

点赞数

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

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

版权

JavaScript DOM操作 innerText innerHTML 页面动态更新

关键词由CSDN通过智能技术生成

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

92 篇文章 1 订阅

订阅专栏

这个视频课还没有看完！

<div id="box">
    <input type="text">
    <textarea></textarea>
    <img src="" alt="">
    <div>今天天气很好!</div>
</div>

<script>
    window.onload = function (ev) {
        /*var input = document.getElementsByTagName('input')[0];
        input.setAttribute("value","要下雨了！");
        console.log(input.value);*/

        /*var textarea = document.getElementsByTagName('textarea')[0];
        textarea.setAttribute("value","要下雨了！");
        console.log(textarea.value);*/

        var box = document.getElementById('box');
        box.innerText = '毕业一定找到工作的！';
        box.innerHTML = '<input type="text">\n' +
            '<textarea></textarea>\n' +
            '<img src="" alt="">\n' +
            '<div>今天天气很好!</div>';
        console.log(box.innerText);//今天天气很好!
        console.log(box.innerHTML);//后代的所有内容都能够拿到！
    }
</script>