JQuery 获取和编辑页面元素

最新推荐文章于 2022-05-28 15:26:17 发布

稚枭天卓

最新推荐文章于 2022-05-28 15:26:17 发布

阅读量485

点赞数

分类专栏： JS入门 AJAX入门文章标签： innerText innerHTML JS JQuery 追加

本文链接：https://blog.csdn.net/u013630349/article/details/53309945

版权

JS入门同时被 2 个专栏收录

30 篇文章 0 订阅

订阅专栏

AJAX入门

18 篇文章 1 订阅

订阅专栏

修改页面元素 <div> 和 <font> 源码如下：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>

<script language="JavaScript">
function IT(){
    f1.innerText="innerText";
}
function IH(){
    f1.innerHTML="<H1>innerHTML</H1>";
}
function OT(){
    f1.outerText="outerText";
}
function OH(){
    d1.outerHTML="<H2>outerHTML</H2>";
}
</script>

<body>
<div id="d1"><font id="f1" size="5" color="blue"></font></div>
<input type="button" value="innerText" οnclick="IT()">
<input type="button" value="innerHTML" οnclick="IH()">
<input type="button" value="outerText" οnclick="OT()">
<input type="button" value="outerHTML" οnclick="OH()">
</body>
</html>

获取页面元素 <p> 源码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>

<p id="demo">单击按钮获取按钮元素的文本内容</p>
<button οnclick="myFunction()">点我</button>
<script>
function myFunction(){
    var x=document.getElementById("demo");
    alert(x.innerHTML);
}
</script>
<p><strong>注意:</strong> Internet Explorer 8 及更早版本不支持textContent属性。</p>

</body>
</html>

稚枭天卓

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JQuery 获取和编辑页面元素

修改页面元素和源码如下： function IT(){ f1.innerText="innerText"; } function IH(){ f1.innerHTML="innerHTML"; } function OT(){ f1.outerText="outerTex
复制链接

扫一扫

专栏目录