Javascript的DOM操作，读取HTML内容并修改

最新推荐文章于 2022-06-21 20:43:48 发布

波雅_汉库克

最新推荐文章于 2022-06-21 20:43:48 发布

阅读量686

点赞数

分类专栏： JavaScript使用

本文链接：https://blog.csdn.net/m0_38036750/article/details/110678224

版权

JavaScript使用专栏收录该内容

7 篇文章 0 订阅

订阅专栏

例如：我想修改 <b id = "123">start_name: </b> 这一行的内容，start_name修改未qaz，我只需要在"js/DBTask.js"这个路径下写一个函数在初始化的时候或者点击一个按钮就触发修改。我这里选择单击确定按钮触发。

<!DOCTYPE html>

<html>
    <head>
        <meta charset="utf-8">
        <div id = "jsData">
            <script type="text/javascript" src="js/read_Date.js"></script>
        </div>
    </head>
    <body onload="InitTime()">
        <div>
            <b id = "123">start_name: </b>
            <input type="datetime-local" id="startTime" value="" min="" max=""/>
            <b>end_name: </b>
            <input type="datetime-local" id="endTime" value="" min="" max=""/>
            <input type="button" id = "" value = "确定" onclick="StartTime()"/>


        </div>

    </body>
</html>

所以我的js函数名字未rew()，js代码

function rew()
{
    var btn = document.getElementById("123");
    console.log(btn);
    btn.innerHTML = "qaz";
}

解释一下代码，

第一行代码是去读id为123的元素，第二行代码是打印一下，看一下是否读取成功，这句是调试用的，

第三行是换字符的，innerHTML就是替换函数。

还有个细节就是怎么触发js代码

<input type="button" id = "" value = "确定" οnclick="rew()"/>就在这行代码中 οnclick="rew()这个属性就可以调用js中rew函数

顺便说一嘴

<body οnlοad="InitTime()">这行代码是初始化用的，就是刷新网页就开始运行js。

onload事件会在整个页面加载完成后再触发。

波雅_汉库克

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
Javascript的DOM操作，读取HTML内容并修改

例如：我想修改<bid="123">start_name:</b> 这一行的内容，start_name修改未qaz，我只需要在"js/DBTask.js"这个路径下写一个函数在初始化的时候或者点击一个按钮就触发修改。我这里选择单击确定按钮触发。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <d...
复制链接

扫一扫