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


相关文章
|
程序员
博文创作者都有一个拥有自己专属博客梦
经常写作的作者想必都知道,个人博客是一种历史悠久的网站形态,它能够让我们更好地表达自己的想法和思考,与读者进行互动和交流。在互联网发展的今天,个人博客仍然是一种流行的媒介,而且许多人都拥有自己的个人博客。作为程序员更是如此,要有属于自己的技术博客。
185 2
博文创作者都有一个拥有自己专属博客梦
你的每份原创,都值得被保护!
你的每份原创,都值得被保护!
232 0
你的每份原创,都值得被保护!
|
网络协议 Shell PHP
原创 今日学习
原创 今日学习
119 0
原创 今日学习
|
机器学习/深度学习 编解码 人工智能
不容错过!作者亲自解读 RealBasicVSR
那到底能用 RealBasicVSR 干些啥呢?下面这条经典电影片段,展示了输入和 RealBasicVSR 输出的对比,可以看到 RealBasicVSR 能够对真实视频进行复原,提高分辨率,改善画质。
839 0
不容错过!作者亲自解读 RealBasicVSR