本文目录一览：
js中如何定义class,如何扩展prototype?
思路：
JS中定义class是通过function，有点类似C++语言中的struct概念。要定义class只需要定义function，并注意this的使用。
举例：
script
function MyClass(){
this.a = ‘2’;//可以通过this定义属性
}
MyClass.prototype.say= function () { //扩充方法
return ‘hello’;
}
MyClass.prototype.mValue= ‘3’;//扩充属性
var mc = new MyClass();
alert(mc.a);
alert(mc.say());
alert(mc.mValue);
/script
js怎么获取元素的class名
js获取元素的class名：
var className=document.getElementsByClassName(‘names’)[0];
jquery获取元素的class名：
var className = $(‘.names’).atrr(‘class’);
相关概念
getElementsByClassName() 方法返回文档中所有指定类名的元素集合，作为 NodeList 对象。
NodeList 对象代表一个有顺序的节点列表。NodeList 对象 我们可通过节点列表中的节点索引号来访问列表中的节点(索引号由0开始)。
js 如何控制class？
script type=”text/javascript”
window.onload = function() {
var abcs = document.getElementsByClassName(“abc”);
for(var i = 0; i abcs.length; i++) {
abcs[i].style.width = “50%”;
}
};
/script
注意：上面的代码不支持 IE 6/7，因为 IE 6/7 不支持 getElementsByClassName。
下面的代码支持 IE 6/7，使用 getElementsByTagName 查找 div，再查找 abc
script type=”text/javascript”
window.onload = function() {
var divs = document.getElementsByTagName(“div”);
for(var i = 0; i divs.length; i++) {
var classes = divs[i].className.split(” “);
for(var a = 0; a classes.length; a++) {
if(classes[a] === “abc”) {
divs[i].style.width = “50%”;
break;
}
}
}
};
/script
js 如何获取class的元素
使用document.getElementsByClassName（’class‘）获取标签，使用innerText获取元素内的数据内容。
1、设计一个HTML简单页面，代码如下:
2、设计绑定的函数alertText()，代码如下：
3、此时的页面展示如下：
4、演示，点击其中的div，执行如下：
（1）点击第一个：
（2）点击第二个：
扩展资料：
HTML DOM getElementsByClassName() 方法解析：
1、定义和使用。
getElementsByClassName() 方法返回文档中所有指定类名的元素集合，作为 NodeList 对象。NodeList 对象代表一个有顺序的节点列表。NodeList 对象 我们可通过节点列表中的节点索引号来访问列表中的节点(索引号由0开始)。
提示： 使用 NodeList 对象的 length 属性来确定指定类名的元素个数，并循环各个元素来获取需要的那个元素。
2、语法。
document.getElementsByClassName(classname)。
3、参数。
String 类型的classname（需要获取的元素类名），多个类名使用空格分隔，如 “test demo”。
js怎么通过class获取元素
根据你的需求，举例如下：
document.querySelector：获取首个（单个）符合条件元素
document.querySelector(‘.name’); //获取页面上首个class属性中包含name的元素。
document.querySelectorAll：获取全部符合条件元素
document.querySelectorAll(‘.name’); //获取页面上全部class属性中包含name的元素。
原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/254206.html
微信扫一扫 
支付宝扫一扫 