javascript怎么获取div id或者class

javascript怎么获取div id或者class,第1张

无论你想取得DIV的ID还是CLASS 最重要的是找到你想取值的DIV对象

要取得DIV对象的方法有很多常用的有2个,一个是根据ID,用

var div=documentgetElementById('youdivid')

另一种就是通过标签名来取得

var div=documentgetElementsByTagName('div')[num]

第2种方法和第一种方法的区别是不用设ID也能取得对象,第一种方法取得的是一个对象,第2种方法取得的是一个由所有DIV标签所组成的数组所以后面要根上DIV的序列比如你想取得网页的第一个DIV就

var div=documentgetElementsByTagName('div')[0]

第2个

var div=documentgetElementsByTagName('div')[1]

以此类推

取得DIV对象以事取ID或CLASS就简单了

var id=divid;

var class=divclassName;

就这么简单

下面有个例子,如果不懂,随时问我

<html>

<head>

<script>

function a(){

var div=documentgetElementById('a');

alert('div的class为:'+divid)

alert('div的id为:'+divclassName)

}

function b(){

var div=documentgetElementsByTagName('div')[0];

alert('div的class为:'+divid)

alert('div的id为:'+divclassName)

}

</script>

<style>

c{width:100px; height:100px; background:#0000CC}

</style>

</head>

<body>

<div id="a" class="c">

这是一个DIV

</div>

点击下面按钮取得ID和CLASS

<input type="button" onClick="a()" value="通过ID取得DIV,从而也得CLASS和ID">

<input type="button" onClick="b()" value="通过DIV标签取得DIV,从而也得CLASS和ID">

</body>

</html>

不知道你具体是要修改i的样式还是移除class,所以都给你说了吧

$('#defo')addClass()、$('#defo')removeClass()、$('#defo')toggleClass()、$('#defo')css()

一般都是用id去获取dom节点,因为id相对唯一,如果是要改变多个就用$('fa')[Methods]

getElementsByClassName() 方法返回文档中所有指定类名的元素集合,作为 NodeList 对象。

NodeList 对象代表一个有顺序的节点列表。NodeList 对象 我们可通过节点列表中的节点索引号来访问列表中的节点(索引号由0开始)。

提示: 可以使用 NodeList 对象的 length 属性来确定指定类名的元素个数,并循环各个元素来获取你需要的那个元素。

微信小程序跟 Web 开发有着很大的区别,只是采用了 HTML/CSS/JS 相似的语法而已。

它并不支持 DOM *** 作;即使是 wxcreateSelectorQuery() 也仅仅是阉割版,只包括宽高等布局信息。

建议题主先把微信提供的开发文档完整的阅读一遍,以减少不必要的困扰。

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>chaxun</title>

<script language="javascript">

   function add_bg_content(e){

      createRequest('bg/addContentphptemplate='+eid);

   }

</script>

</head>

<body>

<span class="template" id="169" ondblClick="add_bg_content(this)">一号教学楼</span>

<span class="template" id="170" ondblClick="add_bg_content(this)">二号教学楼</span>

<span class="template" id="171" ondblClick="add_bg_content(this)">三号教学楼</span>

<span class="template" id="172" ondblClick="add_bg_content(this)">一号实验楼</span>

<span class="template" id="173" ondblClick="add_bg_content(this)">二号实验楼</span>

<span class="template" id="174" ondblClick="add_bg_content(this)">三号实验楼</span>

</body>

</html>

或者

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>chaxun</title>

<script language="javascript">

   windowonload=function(){

      var arr = documentquerySelectorAll('spantemplate');

      for(var i = 0;i<arrlength;i++){

         arr[i]ondblclick = function(){

            createRequest('bg/addContentphptemplate='+thisid);

         }

      }

   }

</script>

</head>

<body>

<span class="template" id="169">一号教学楼</span>

<span class="template" id="170">二号教学楼</span>

<span class="template" id="171">三号教学楼</span>

<span class="template" id="172">一号实验楼</span>

<span class="template" id="173">二号实验楼</span>

<span class="template" id="174">三号实验楼</span>

</body>

</html>

以上就是关于javascript怎么获取div id或者class全部的内容,包括:javascript怎么获取div id或者class、用js或jq获取class名并更改它、js 以class获取div内容 为什么以ID获取就可以获取的到 以class就不行呢 就打印undefined了等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/9827436.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-02
下一篇 2023-05-02

发表评论

登录后才能评论

评论列表(0条)

保存