【JS（原生js和jq方式）获取元素属性（自定义属性），删除属性（自定义属性）】的更多相关文章

原生JavaScript支持6种方式获取元素

一.原生JavaScript支持6种方式获取元素 document.getElementById('id'); document.getElementsByName('name'); document.getElementsByTagName('tag'); document.getElementsByClassName('className'); document.querySelector("#id"); document.querySelector(".classNam…

原生js获取元素非行内样式属性的方法

获取当前对象的样式DOM标准中的全局方法 getComputedStyle(obj).width (获取元素的宽度),但在非标准IE浏览器(IE8)以下有兼容问题IE8以下要这样写 obj.currentStyle.width  这样的话在IE8以下正常显示,但标准浏览器下又会报错,所以一要判断一下 //getStyle()函数,获取元素的非行内样式 //使用方法 getStyle(元素,"属性名") 如:getStyle(oBox,"background") fu…

js原生继承几种方式

js原生继承 js本身并没有继承和类的概念,本质上是通过原型链(prototype)的形式实现的. 1.先写两个构造函数Parent和Child,用于将Child继承Parent function Parent() { this.animals = 'animals'; this.show = function() { console.log(this.animals); } } Parent.prototype.pro = 'pro'; function Child() { this.dog…

js 原生JS实现轮播图

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> * { padding: 0; margin: 0; list-style: none; border: 0; } .all { width: 500…

微信小程序——获取元素的宽高等属性

微信小程序里面无法像用jquery一样获取到元素的节点.小程序提供了一个wx.createSelectorQuery()来获取元素的相关信息.官方的文档对于它的用法都已经写的很详细了. 我直接上在项目中使用的代码吧~ 先交待一下我的项目需求,看下图: 获取那块高度的原理很简单,就是页面的整体高度减去1,2,3的高度. 看下页面结构: js具体代码如下: Page({ /** * 页面的初始数据 */ data: { tabContHeight:300, }, //计算高度 getRect: fu…

JS备忘--子父页面获取元素属性、显示时间，iframe之间互相调用函数

//页面加载完成后执行 $(function () { getHW();}); //当用户改变浏览器大小改变时触发 $(window).resize(function () { setHW(); }); //每500毫秒运行一次 window.setInterval("getH()", 500); //获取页面的高度,并传给父页面的元素 function getSubPageH() { var parentWorkDiv = $("#workDiv", parent…

js：表单校验（获取元素、事件）

1.表单校验步骤 (1)确定事件(submit事件),创建一个函数并和该事件绑定. (2)书写函数对输入的数据是否合法进行校验(需要设定ID并通过ID来获取用户输入的数据的值). (3)输入的信息合法,可以正常提交:不合法的话,不能提交用户信息并给出提示信息. 2.校验函数 (1)非空校验: 通过ID获取值,对是否为空进行校验. 复制代码 1 var uValue = document.getElementById("user").value; 2 if(uValue"&qu…

jsonrpc.js -- 原生js实现 JSON-RPC 协议

很早以前就涉及到多端远程调用 api的设计,那时候自己设计了个消息传递回调过程.最近了解了JSON-RPC协议,更正规,就可以自己实现下.逻辑也不复杂,没有限制底层消息传递的方式,可以应用到更多的场景.在实现中,没有区分服务器端和客户端的概念,获得不同的消息体,进行不同的处理,更方便的进行双向通信. github地址: https://github.com/legu2009/jsonrpc 博客园地址:http://www.cnblogs.com/legu/p/8119678.html json…

JS 原生JS 判断滚动条滑动到底部（兼容苹果safari）

ListenerScoller () { var pageIndex = 1; var startX, startY; document.addEventListener('touchstart',function (ev) { startX = ev.touches[0].pageX; startY = ev.touches[0].pageY; }, false); let _this = this; document.addEventListener('touchend',function…

JS 原生JS 判断滚动条滑动到底部

window.addEventListener("scroll", function(event) { var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop; console.log(scrollTop); if(document.documentElement.scrollHeight == document.documentElement…