首先,回忆一下,访问对象属性一共有两种方法:点获取法和方括号获取法.而我们最常用的就是点获取法了.但是当我们遇到需要给对象动态添加属性和属性值时,点获取法好像就不太好用了,尤其是我们不知道属性名的时候更不好办.这时候,方括号获取法就派上用场了.下面,来看一个例子,就一目了然了. 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> &l…
把{name:"xxx",age:"xxx"}变成{name:"xxx",age:"xxx",value:"xxx"} let dataNew=[];let data=[{name:"xxx",age:"xxx"}];for(let i=0;i<data.length;i++){data[i].value=xxx;    dataNew.push(data[i]…
原生JS动态添加和删除类 由于需要, 给按钮组监听点击事件(要求用事件委托),当有一个按钮被点击时,相应的给该按钮添加一个类(激活类),其他没有点击的按钮就要移出该类 添加和和删除类有三种方法 首先等到一个 dom 对象(也叫dom元素), 通过document.getElement--的几种方法得到 如` let element = document.getElementById("box"); 通过类名, 获取类名: el.className, 赋值: el.className =…
利用原生JS实现类似浏览器查找高亮功能 在完成 Navify 时,增加一个类似浏览器ctrl+f查找并该高亮的功能,在此进行一点总结: 需求 在.content中有许多.box,需要在.box中找出搜索的字符串,再将无搜索结果的.box隐藏掉,此外还要将字符串高亮.这个页面用vue.js实现了数据交互,不想用jquery来实现得查找高亮功能,得用原生js来实现该功能. 原理 将各个.box的文本内容提取,利用正则判断是否匹配字符串,若无搜索字符串,则隐藏该.box:否则继续找到具体的与该字符串匹…
原生js动态添加style,添加样式 第一种 var style="[assign-url='"+str+"']{display:initial}"; var ele=document.createElement("style"); ele.innerHTML=style; document.getElementsByTagName('head')[0].appendChild(ele) 第二种,使用中间元素div转化为dom(推荐): var…
// 创建一个空对象 $obj=(object)array(); //假设这是从数据库取内容 $arr=["prod_id"=>103,"prod_name"=>"黑客技术从入门到入狱"]; // 遍历数组,并且填充进对象中 foreach($arr as $k=>$v) $obj->$k=$v;…
如果没有声明一个对象然后就对其属性赋值会出现警告.那么我们给它创建一个空对象然后赋值就好了.PHP中创建一个空对象代码如下: 第一种方式: $empty_object = new stdClass(); var_dump($empty_object); 第二种方式: $empty_object2=(object)[]; var_dump($empty_object2); 第三种方式: $empty_object3=(object)array(); var_dump($empty_object3)…
jquery中有一个函数isEmptyObject()用来判断制定参数是否是一个空对象. 示例如下: function isEmptyObject(e) { var t; for (t in e) return !1; return !0 } var m = {'a':'111','b':'222'}; var n = {}; console.log(isEmptyObject(m)); //false console.log(isEmptyObject(n)); //true…
// js如何判断一个对象{}是否为空对象,没有任何属性 if (typeof model.rows === "object" && !(model.rows instanceof Array)){ var hasProp = false; for (var prop in model.rows){ hasProp = true; break; } if (hasProp){ model.rows = [model.rows]; }else{ throw "m…
js进阶-9-3/4 form对象有哪些常用属性 一.总结 一句话总结: 1.一般html标签有哪些常用属性:name id value 2.form对象有哪些常用属性(特有):action method 1.注意: 1.element的属性可以取值,大部分也可以赋值的情况.属性存取两用.myformElement.method='post' 1.怎么实现将表单提交到不同的URL? 解答:用form的submit方法.function sendPage2(){                  …