js如何获取动态添加的标签class

//应该是你没有添加上吧

aclick(function(){

    //这里的div你声明了吗？？？

    divappend("<p class = 'p1'></p>")

})

如果不考虑兼容IE10以下的话，可以用HTML5中的classList API，非常方便：

var node = documentgetElementById('demo');

if(nodeclassListcontains('test')){

    consolelog('包含 test 这个class');

}

兼容的方式是采用className和getAttribute('class')方法：

if (nodegetAttribute('class')) {  // 存在class属性

    // 方式1

    if (nodegetAttribute('class')indexOf('test') > -1) {

        consolelog('包含 test 这个class');   

    }

    

    // 方式2

    if (nodeclassNameindexOf('test') > -1) {

        consolelog('包含 test 这个class');   

    }

}

1根据ID,用var div=documentgetElementById('youdivid')

2通过标签名来取得var div=documentgetElementsByTagName('div')[num]

3举个例子：

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>

扩展资料：

特性

JavaScript脚本语言具有以下特点:

(1)脚本语言。JavaScript是一种解释型的脚本语言,C、C++等语言先编译后执行,而JavaScript是在程序的运行过程中逐行进行解释。

(2)基于对象。JavaScript是一种基于对象的脚本语言,它不仅可以创建对象,也能使用现有的对象。

(3)简单。JavaScript语言中采用的是弱类型的变量类型,对使用的数据类型未做出严格的要求,是基于Java基本语句和控制的脚本语言,其设计简单紧凑。

(4)动态性。JavaScript是一种采用事件驱动的脚本语言,它不需要经过Web服务器就可以对用户的输入做出响应。在访问一个网页时,鼠标在网页中进行鼠标点击或上下移、窗口移动等 *** 作JavaScript都可直接对这些事件给出相应的响应。

(5)跨平台性。JavaScript脚本语言不依赖于 *** 作系统,仅需要浏览器的支持。

因此一个JavaScript脚本在编写后可以带到任意机器上使用,前提上机器上的浏览器支 持JavaScript脚本语言,目前JavaScript已被大多数的浏览器所支持。

不同于服务器端脚本语言，例如PHP与ASP，JavaScript主要被作为客户端脚本语言在用户的浏览器上运行，不需要服务器的支持。所以在早期程序员比较青睐于JavaScript以减少对服务器的负担，而与此同时也带来另一个问题：安全性。

而随着服务器的强壮，虽然程序员更喜欢运行于服务端的脚本以保证安全，但JavaScript仍然以其跨平台、容易上手等优势大行其道。

同时，有些特殊功能（如AJAX）必须依赖Javascript在客户端进行支持。随着引擎如V8和框架如Nodejs的发展，及其事件驱动及异步IO等特性，JavaScript逐渐被用来编写服务器端程序。

参考资料：

百度百科——javascript

1、通过元素的ID去拿元素，获取的是一个指定的元素（getElementById）。

2、通过元素的类名（class名）获取元素，获取的是一组元素集合（getElementsByClassName）。

3、通过元素的标签名获取（tagName），获取元素跟类名获取的一样，都是一组元素集合（getElementsByTagName）。

4、通过name属性（getElementsByName）。

5获取html的方法（documentdocumentElement）。

6获取body的方法（documentbody）。

7通过选择器获取一个元素（querySelector）。8通过选择器获取一组元素（querySelectorAll）。元素，现代数学集合论中，元素是组成集的每个对象，集合由元素组成，组成集合的每个对象也称为元素。

代码参考如下：

getElementsByClassName() 方法

如果希望查找带有相同类名的所有 HTML 元素，使用这个方法：

documentgetElementsByClassName("intro");

上面的例子返回包含 class="intro" 的所有元素的一个列表：

注释：getElementsByClassName() 在 Internet Explorer 5,6,7,8 中无效。

1、新建一个html文件，命名为testhtml。

2、在testhtml文件内，使用h1标签创建一个标题，同时设置h1标签的class属性为myh，下面将使用jquery方法判断该class是否存在。

3、在testhtml文件内，使用button标签创建一个按钮，按钮名称为“判断class”。

4、在testhtml文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行getclass（）函数。

5、在js标签中，创建getclass()函数，在函数内，使用标签名称（h1）获得元素对象，通过hasClass()方法来判断myh类名是否存在，并把结果返回res变量中。

6、在getclass()函数内，使用if语句对上一步的res变量进行判断，如果为true，即存在myh类名，则提示“h1标签有类名myh”，否则，提示“h1标签没有myh”。

7、在浏览器打开testhtml文件，点击按钮，查看实现的效果。

以上就是关于js如何获取动态添加的标签class全部的内容，包括:js如何获取动态添加的标签class、原生js判断某个元素是否有指定的class名的几种方法、js如何获取DIV的 class值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！