原创 今日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 = “你好”;


相关文章
|
算法
2022年终总结 | 我与CSDN的那些事,如何两个月成为一名万粉博主
Hello大家好,这里是每天都在努力学习后端的小王同学,遇见即是缘分,欢迎光临我的世界~
188 0
2022年终总结 | 我与CSDN的那些事,如何两个月成为一名万粉博主
你的每份原创,都值得被保护!
你的每份原创,都值得被保护!
214 0
你的每份原创,都值得被保护!
|
网络协议 Shell PHP
原创 今日学习
原创 今日学习
114 0
原创 今日学习
|
SQL 关系型数据库 数据库
原创 数据库原理
原创 数据库原理
109 0
原创 数据库原理
|
机器学习/深度学习 编解码 人工智能
不容错过!作者亲自解读 RealBasicVSR
那到底能用 RealBasicVSR 干些啥呢?下面这条经典电影片段,展示了输入和 RealBasicVSR 输出的对比,可以看到 RealBasicVSR 能够对真实视频进行复原,提高分辨率,改善画质。
824 0
不容错过!作者亲自解读 RealBasicVSR