原创 今日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大家好,这里是每天都在努力学习后端的小王同学,遇见即是缘分,欢迎光临我的世界~
136 0
2022年终总结 | 我与CSDN的那些事,如何两个月成为一名万粉博主
你的每份原创,都值得被保护!
你的每份原创,都值得被保护!
123 0
你的每份原创,都值得被保护!
|
网络协议 Shell PHP
原创 今日学习
原创 今日学习
92 0
原创 今日学习
|
SQL 关系型数据库 数据库
原创 数据库原理
原创 数据库原理
71 0
原创 数据库原理
|
算法 SEO 搜索推荐
如何写好高质量的原创文章?
随着百度算法的不断升级,百度越来越重视原创文章了,但是原创文章可不单单是用工具查询的相似度为0的文章,更多的应当是可以解决用户需求,能够引发用户阅读兴趣的文章,即看了这篇文章还想下次再来你的网站进行学习。
1220 0
|
搜索推荐 SEO
如何写出高质量的原创文章
一个网站的好坏,能否有好的排名,跟网站的内容的好坏是有直接的关系的,正所谓“内容为王,外链为皇”,SEO的排名是以页面为单位的,需要足够的内容来支撑,有高质量的内容的页面才会被百度收录,能被百度收录对应的页面关键词才会有排名,关键词有排名网站才会产生流量。
644 0
|
Web App开发 Android开发 Windows