感觉又学到了不少，在这里写下来，但也有一个问题，不知道是为甚吗？

2024-03-25 08:56:44

今天具体学习了如何去访问和修改HTML元素的内容与样式，也就是DOM中的节点

在这里有三种方法：

通过使用 getElementById() 方法
通过使用 getElementsByTagName() 方法
通过使用 getElementsByClassName() 方法

　• getElementById()方法：返回带有指定Id的元素

示例如下：

<!DOCTYPE html>
<html>
<body>

<p id="intro">Hello World!</p>
<p>本例演示 <b>getElementById</b> 方法！</p>

<script>
x=document.getElementById("intro");
document.write("<p>来自 intro 段落的文本：" + x.innerHTML + "</p>");
</script>

</body>
</html>

　• getElementsByTagName() 方法:返回带有指定标签名的所有元素。

示例如下：

<!DOCTYPE html>
<html>
<body>

<p>Hello World!</p>
<p>DOM 很有用！</p>
<p>本例演示 <b>getElementsByTagName</b> 方法。</p>

<script>
x=document.getElementsByTagName("p");
document.write("第一段的文本: " + x[0].innerHTML);
</script>

</body>
</html>

　• getElementsByClassName() 方法:如果您希望查找带有相同类名的所有 HTML 元素，请使用这个方法：

示例如下：

<!DOCTYPE html>
<html>
<body>
<p class="p">Hello World!</p>
<p class="p">DOM 很有用！</p>
<p>这个标签中的内容将不会出现</p>
<script>
x=document.getElementsByClassName("p");
alert(x.innerHTML);
</script>
</body>
</html>

我运行出来没有错误，但就是不显示我想要的内容，为什么？

注释：getElementsByClassName() 在 Internet Explorer 5,6,7,8 中无效。

我感觉这些方法很方便，比如我们想要改变或替换一篇文章中所有标签的内容或者样式,就可以使用它们了.

　　　•　　简单的替换例子：

<!DOCTYPE html>
<html>
<body>
<p id="d1"><strong>勒布朗詹姆斯</strong></p>
<p><strong>凯文杜兰特</strong></p>
<script>
function change(){
document.getElementById("d1").innerHTML="科比布莱恩特";
}
</script>
<input type="button" value="替换" οnclick="change()" />
<p>点击这个按钮，我们将勒布朗詹姆斯替换为科比布莱恩特</p>
</body>
</html>

转载于:https://www.cnblogs.com/popstar8866/p/4008329.html

感觉又学到了不少，在这里写下来，但也有一个问题，不知道是为甚吗？相关推荐

只学2个月编程能写出什么代码？
2019独角兽企业重金招聘Python工程师标准>>> 俗话说得好: 光说不练假把式编程界也有句名言: Talk is cheap, show me the code. 关注我们编 ...
零元学Expression Blend 4 - Chapter 3 熟悉操作第一步(制作一个猴子脸)
原文:零元学Expression Blend 4 - Chapter 3 熟悉操作第一步(制作一个猴子脸) 本篇内容会教你如何使用笔刷.钢笔.渐层以及透明度的调整,还有如何转化图层和路径,最重要的是要 ...
啥都不如烂笔头，约翰霍普金斯大学新研究：学外语还得用手写
荣伟发自凹非寺报道 | 公众号 QbitAI "数字时代,也别丢了纸和笔!" 一位约翰霍普金斯大学教授如是呼吁. 之所以会有这样的忠告,是因为他在最近一项研究中发现: 在学习 ...
计算机和心理学哪个好考,我是学计算机的今年大三，想考心理学的研究生，不知道未来的就业怎么样？有什么大发展，想问问大家给点建...
我是学计算机的今年大三,想考心理学的研究生,不知道未来的就业怎么样?有什么大发展,想问问大家给点建以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让 ...
研一学机器学习和深度学习，为什么感觉越学越不会，怎么解决呢？
链接:https://www.zhihu.com/question/371622741 编辑:深度学习与计算机视觉声明:仅做学术分享,侵删比如说看了两遍prml前几章感觉什么也没学到?有什么好办法 ...
机器学习和深度学习为什么感觉越学越不会，怎么解决这个问题？
编辑 | Leo 转载自知乎本文仅作学术交流,如有侵权,请联系后台删除. 曲終人不散回答: 我的研一我记得是先找了一本比较薄的,通俗易懂的深度学习书,内容浅尝辄止,但很基础,主要介绍全连接层,反向传 ...
python建站越学越累、感觉要学的东西太多_工作以后感觉需要学习的东西太多，但是时间和精力有限，如何才能更好的安排学习时间？...
刚好在微信上回答了一个类似的问题: 这个问题起源于一次一对一的聊天,后来发现很多人都会遇到这个问题: 可以花些时间把自己要学习的东西列个清单,按硬技能与软技能进行分类: 硬技能:通常具有可见的,可计量 ...
python一个月能学成嘛-0基础学Python，1个月写爬虫，走了哪些弯路？
你是如何自学Python的? 今天我们来分享一位小伙伴的自学之路.当然,如果你没有任何编程基础,也将会和他一样走很多弯路,如果有条件希望你能够找到老师带领. 0基础小白的自学之路首先介绍下我的背景, ...
学银在线python课程_Python 从入门到精通：一个月就够了！
毫无疑问,Python 是当下最火的编程语言之一.对于许多未曾涉足计算机编程的领域「小白」来说,深入地掌握 Python 看似是一件十分困难的事.其实,只要掌握了科学的学习方法并制定了合理的学习计划, ...

最新文章

热门文章