原创 今日webjs学习

简介: 原创 今日webjs学习

js含有 dom和bom

分别是对html元素地操作和对浏览器地操作


首先 js一般直接嵌套在 html中,用<>括起来.

其次可以在浏览器地console中运行.


定义变量 var

1668054089436.jpg

alert是弹窗

function是函数

下面这一段是粘贴自

而要想操作这个标签里面的元素,首先要找到该元素。JS里面找元素的方式类似于样式表的选择器找元素的方式,同时为元素定义一个变量:


1.通过id查找:var a = document.getElementById(“a”);,括号内为元素的id;


2.通过class查找:var b = document.getElementsByClassName(“a”);,括号内为元素的class;如果在class名后面加上[0],则可找到其中第一个元素,[]内的数字和数组内数字的顺序相同;


3.通过标签名查找:var c = document.getElementsByTagName(“div”);,括号内为标签名;


4.通过name查找:var d = document.getElementsByName(“uid”);,这种查找方式适用于表单元素,括号内为表单元素的名字(name)。


其次是对内容进行操作,即获取和修改:


获取:例如var d = document.getElementById(“a”);


要想获取元素内文本的内容,可输入alert(d.innerText);,不过这种方式只能输入文本,样式不显示;


如果要获取元素内所有的内容,包含标签,则需要使用alert(d.innerHTML);


修改,会把原有的内容覆盖:


修改元素里面的文本内容使用,例:d.innerText = “你好”;


修改元素内包括HTML代码在内的所有元素,例:d.innerHTML = “你好”;


目录
打赏
0
0
0
0
5
分享
相关文章
博文创作者都有一个拥有自己专属博客梦
经常写作的作者想必都知道,个人博客是一种历史悠久的网站形态,它能够让我们更好地表达自己的想法和思考,与读者进行互动和交流。在互联网发展的今天,个人博客仍然是一种流行的媒介,而且许多人都拥有自己的个人博客。作为程序员更是如此,要有属于自己的技术博客。
200 2
博文创作者都有一个拥有自己专属博客梦
2022年终总结 | 我与CSDN的那些事,如何两个月成为一名万粉博主
Hello大家好,这里是每天都在努力学习后端的小王同学,遇见即是缘分,欢迎光临我的世界~
213 0
2022年终总结 | 我与CSDN的那些事,如何两个月成为一名万粉博主
你的每份原创,都值得被保护!
你的每份原创,都值得被保护!
266 0
你的每份原创,都值得被保护!
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等