如何设置Js对象里面的值比如 var obj ={value:1}想把它改成2怎么改

如何设置Js对象里面的值比如 var obj ={value:1}想把它改成2怎么改,第1张

{}中的表示的是一个对象,是对象就可以有如下两种方式进行访问,
1直接对象名点属性名,如:objvalue = 2;
2将属性名作为下标使用,如:obj[value] = 2;
两者都是可以的。

前提是,你这个ahtml和b。html要有关系啊,要是是无任何关系,都是独立的文件或者打开方式,那就不可能的!

比如,你在ahtml中使用js的windowopen()方法打开bhtml, 那么他们之间就有了关系,这个时候js能相互 *** 作
再比如,你在ahtml框架了bhtml,那么他们之间也有关系
还比如,你的ahtml和bhtml同在一个框架集,那么他们之间也有关系
如果,你是分别打开2个浏览器窗口,而且在每个窗口的url中输入这2个文件的路径打开,那么,他们就没有关系,js无法 *** 作。。。。。

原生js直接 *** 作className属性
documentgetElementById("test")className = (documentgetElementById("test")className+'')replace('hide','');
JQuery实现css、addClass、removeClass和toggleClass
JQuery中获取CSS样式
css(name):访问第一匹配元素的样式属性
css(name,value):在所有匹配的元素中,设置一个样式属性的值
css(properties):把一个“名/值对”对象设置为所有匹配元素的样式属性
css(name,function(index,value)):在所有匹配的元素中,设置一个样式属性的值
-------------------------------------------------------------------------------------
Javascript中获取样式的值
function css(obj, attr, value) {
switch (argumentslength) {
case 2:
if (typeof arguments[1] == "object") { //批量设置属性
for (var i in attr) objstyle[i] = attr[i]
}
else { // 读取属性值
return objcurrentStyle objcurrentStyle[attr] : getComputedStyle(obj, null)[attr]
}
break;
case 3:
//设置属性
objstyle[attr] = value;
break;
default:
return "";
}
}
采用这种方式同样实现了 JQuery的效果。
---------------------------------------------------------------------------------------
JQuery中有addClass,removeClass,toggleClass
addClass(class):为每个匹配的元素添加指定的类名
removeClass(class):从所有匹配的元素中删除全部或者指定的类
toggleClass(class):如果存在(不存在)就删除(添加)一个类
---------------------------------------------------------------------------------------
function hasClass(obj, cls) {
return objclassNamematch(new RegExp('(\\s|^)' + cls + '(\\s|$)'));
}
function addClass(obj, cls) {
if (!thishasClass(obj, cls)) objclassName += " " + cls;
}
function removeClass(obj, cls) {
if (hasClass(obj, cls)) {
var reg = new RegExp('(\\s|^)' + cls + '(\\s|$)');
objclassName = objclassNamereplace(reg, ' ');
}
}
采用这种方式同样实现了 JQuery的效果。


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

原文地址: http://www.outofmemory.cn/yw/13323290.html

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

发表评论

登录后才能评论

评论列表(0条)

保存