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>

在按钮的onClick="abc(this);"通过这个this传到js里面 在js可以通过thisname thisid thisparent等等来获得相应的与此控件相关的值

jQuery的选取元素:

可以用以什么开头的,层级关系,:first什么的

或者不用ID选择,你固定的属性或则css样式也是可以,通过class 或者 attr=""选择到你要的元素

动态添加div时,给每一个div添加一个点击方法:

onclick="javascript:aaa(this)"

然后,在你的JS代码里面这样获取对应点击DIV的id:

<script language="javascript">

function aaa(obj){

alert(objid);

objstyledisplay = "none";//这是消失

}

</script>

纯手打,望采纳。添加了消失的代码

JS获取iframe 里面div的内容:

alert(documentgetElementById("iframe的id")contentWindowdocumentgetElementById("div的id")innerHTML);

这行代码绝对兼容任何浏览器,如有疑问,请直接联系本人!

运行这行代码必须保证iframe的url和主页面的url的主域名必须一致,否则无效

第一步:打开dw,新建一个html模板

第二步:利用快捷键“ctrl+s”保存这个html文件。

第三步:引入第三方jQuery库。

第四步:写上js控制新建div的代码。

第五步:把获取id的代码写上。

第六步:测试代码的可行性,测试前的效果。

第七步:测试代码的可行性,测试后的效果。

注意:要引入第三方的jQuery库,还有把代码书写正确。

以上就是关于javascript怎么获取div id或者class全部的内容,包括:javascript怎么获取div id或者class、JavaScript中如何获取按钮所在DIV的ID或NAME、JS创建了一个DIV,并赋予它一个随机的ID,那么我该如何获取ID具体如下:等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址:https://54852.com/web/9706801.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存