js获取html元素? js里"=="和"==="区别?

现在的我的cpu又添加一项进程,那就是javaScript.

一、js获取html元素常用的方法:

js获取html元素常用的方法有:

1)var obj = document.getElementById("#id");非常常用是通过Id来获取页面元素的。

2) var obj = document.getElementsByTagName("element");这个是通过html页面标签来获取元素的。在一个页面中相同的标签会出现很多次,如何能定位到自己想要的呢?

3)var obj = document.getElementByName("name");这个是通过name属性来获取元素数组,文档中只有一个指定的name的标签时,也是返回数组。

4)var obj = document.getElementByClassName("attr");这个是我们钟爱的通过class属性值获取元素,但是可惜的是在低版本的浏览器中不支持,如果在项目中需要兼容低版本的浏览器,可以自己编写一个方法,通过class获取html元素。

常用的js获取html元素就是这几种方法。任何相关的事物都是相生相克的,所以在编写效果时在布局时应该考虑一下js对于页面元素的操作方式,以便布局和行为、样式达到完美的集合。

2.js里"=="和"==="区别?

“==”是相等符,是对比值的;“===”是全等符,是对比堆栈的内存地址,判断值及类型是否完全相等。

“===”运算符比较两个值是否相等的判断条件。

1)如果两个值的类型不同,它们就不相同。

2)如果两个值是数字,而且值相同,那么除非其中一个或两个都是NaN(这种情况它们不是等同的),否则它们是等同的。值NaN永远不会与其他任何值等同,包括它自身(奇怪的家伙),要检测一个值是否是NaN,可以使用全局函数isNaN()。

3)如果两个值都是字符串,而且在串中同一位置上的字符完全相同,那么它们就完全等同。如果字符串的长度或内容不同,它们就不是等同的。

4)如果两个值都是布尔型true,或者两个值都是布尔型false,那么它们等同。

5)如果两个值引用的是同一个对象、数组或函数,那么它们完全等同。如果它们引用的是不同的对象(数组或函数),它们就不完全等同,即使这两个对象具有完全相同的属性,或两个数组具有完全相同的元素。

6)如果两个值都是null或都是undefined,它们完全相同。

“==”运算符比较两个值是否相等的判断条件。

1)如果两个值具有相同的类型,那么就检测它们的等同性。如果这两个值完全相同,它们就相等。如果它们不完全相同,则它们不相等。

2)如果两个值的类型不同,它们仍然可能相等。用下面的规则和类型转换来检测它们的相等性 ?如果一个值是null,另一个值是undefined,它们相等。

3)如果一个值是数字,另一个值是字符串,把字符串转换为数字,再用转换后的值进行比较。

4)如果一个值为true,将它转化为1,再进行比较。如果一个值为false,把它转化为0,再进行比较。

5)如果一个值是对象,另一个值是数字或字符串,将对象转换成原始类型的值,再埋比较。可以使用对象的toString()方法或valueOf()方法把对 象转化成原始类型的值。JavaScript核心语言的内部类通常先尝试valueOf()方法转换,再尝试toString()方法转换,但是对于 Date类,则先执行toString()方法再执行valueOf()方法转换。不属于JavaScript核心语言的对象则可以采用 JavaScript实现定义的方式把自身转换成原始数值。

时间: 2024-10-29 19:10:20

js获取html元素? js里"=="和"==="区别?的相关文章

[JavaScript] js获取Html元素的实际宽度高度

第一种情况就是宽高都写在样式表里,就比如#div1{width:120px;}.这中情况通 过#div1.style.width拿不到宽度,而通过#div1.offsetWidth才可以获取到宽度. 第二种情况就是宽和高是写在行内中,比如,这中情况通过 上述2个方法都能拿到宽度. 小结,因为id.offsetWidth和id.offsetHeight无视样式写在样式表还是行内,所以 我们获取元素宽和高的时候最好用这2个属性.注意如果不是写在行内style中的 属性都不能通过id.style.at

js获取隐藏元素宽高的方法

网上有一些js获取隐藏元素宽高的方法,但是可能会存在某些情况获取不了. 例如: <!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title>test</title> </head> <bo

js获取页面元素位置函数(跨浏览器)

function getElementPos(elementId) { var ua = navigator.userAgent.toLowerCase(); var isOpera = (ua.indexOf('opera') != -1); var isIE = (ua.indexOf('msie') != -1 && !isOpera); // not opera spoof var el = document.getElementById(elementId); if(el.par

JS获取DOM元素的八种方法

什么是HTML DOM 文档对象模型(Document Object Model),是W3C组织推荐的处理可扩展置标语言的标准编程接口.简单理解就是HTML DOM 是关于如何获取.修改.添加或删除 HTML 元素的标准.我们用JavaScript对网页进行的所有操作都是通过DOM进行的. 这篇文章不做深入研究,只把各种用法和坑做一个总结. JS获取DOM元素的方法(8种) 通过ID获取(getElementById) 通过name属性(getElementsByName) 通过标签名(getE

原生js获取Html元素的实际宽度高度

第一种情况就是宽高都写在样式表里,就比如#div1{width:120px;}.这中情况通过#div1.style.width拿不到宽度,而通过#div1.offsetWidth才可以获取到宽度. 第二种情况就是宽和高是写在行内中,比如style="width:120px;",这中情况通过上述2个方法都能拿到宽度. 小结,因为id.offsetWidth和id.offsetHeight无视样式写在样式表还是行内,所以我们获取元素宽和高的时候最好用这2个属性.注意如果不是写在行内styl

js获取页面元素距离浏览器工作区顶端的距离

先介绍几个属性:(暂时只测了IE和firefox,实际上我工作中用到的最多的是chrome) 网页被卷起来的高度/宽度(即浏览器滚动条滚动后隐藏的页面内容高度) (javascript)        document.documentElement.scrollTop //firefox (javascript)        document.documentElement.scrollLeft //firefox (javascript)        document.body.scro

js获取当前时间,js时间函数

Js获取当前日期时间及其它操作,js时间函数 var myDate = new Date(); myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); //获取完整的年份(4位,1970-????) myDate.getMonth(); //获取当前月份(0-11,0代表1月) myDate.getDate(); //获取当前日(1-31) myDate.getDay(); //获取当前星期X(0-6,0代表星期天) myDate.getTime

js获取当前时间&amp;js 页面时钟

js获取当前时间 //获取当前时间,格式YYYY-MM-DD function getNowFormatDate() { var date = new Date(); var seperator1 = "-"; var year = date.getFullYear(); var month = date.getMonth() + 1; var strDate = date.getDate(); if (month >= 1 && month <= 9) {

使用Vue.js获取dom元素

标签中添加ref属性,相当于id 在Vue中通过    $refs.ref的属性名    获取或者设置dom元素 <div id="demo"> <button @click="fn">点击这里</button> <div ref="box" style="width:200px;height:300px">西南交大</div> </div> <sc