元素属性、类名、内容、获取和设置、删除

使用类名设置样式的好处是：样式复用方便；

js中直接通过元素的className属性设置元素的类名；

首先获取元素例如box

box.className = 'colorRed';

className只能设置标签行内属性；

获取属性：

获取自定义属性的方法是：元素.getAttribute（'要获取的属性名'）；可以是自定义的也可以

是标签内置属性；

设置属性

给标签设置在自定义属性时（推荐）添加 data- 前缀；设置方法

元素.setAttribute('data-自定义名称','自定义属性的值')；

使用上述方法也可以操作标签行内自带属性：

虽然可以操作自带属性，但是还是原始方式比较简便（元素.style.属性名 = '属性值'）。

删除属性

元素名称.removeAttribute('要删除的属性名称');

innerHTML 和 innerText 给元素添加内容设置会把之前的元素覆盖掉

两个方法的区别是

innerHTML：既可以操作纯文本又可以生成标签；

innerText ：只能生成纯文本不能生成结构；

转载于:https://www.cnblogs.com/qiweile/p/9286651.html

元素属性、类名、内容、获取和设置、删除相关推荐

Dom基础特殊的节点获取元素节点的内容获取元素的属性 css属性 Dom获取元素的方法
1.Dom基础 <!DOCTYPE html> <html><head><meta charset="utf-8"><titl ...
html+设置img+src属性值,javascript获取、设置修改img的src属性（get/setAttribute）
在开发网站过程中,事先就设置好了图片img的src性,一般来说很少修改这个属性,网站加载时直接显示事先设置好的图片.但如果网页要求实现滚屏加载图片(动态加载图片),也就是一次不显示网页内的所有图片,当 ...
C#通过属性名字符串获取、设置对象属性值
目录 #通过反射获取对象属性值并设置属性值 0.定义一个类 1.通过属性名(字符串)获取对象属性值 2.通过属性名(字符串)设置对象属性值 #获取对象的所有属性名称及类型 #判断对象是否包含某个属性 ...
jQuery操作页面元素属性和内容
操作页面元素的属性 A $("#bu1").click(function(){ //获得元素对象 var tex=$("#inp1"); //获得元素对象的属性 ...
DOM-4 【utils/待讲评】节点创建删除、元素属性设置获取、节点属性
讲评节点创建 Document.prototype ← document.createElement('div') document.createTextNode('xxx') // 创建文本节点 ...
zepto获取html内容,Zepto这样操作元素属性
前言使用Zepto的时候,我们经常会要去操作一些DOM的属性,或元素本身的固有属性或自定义属性等.比如常见的有attr(),removeAttr(),prop(),removeProp(),data ...
JS元素属性操作方法，包括获取属性，修改属性，删除属性
JS元素属性操作方法,包括获取属性,修改属性,删除属性本篇记录JS元素属性的操作的方法.其中包含获取属性两个方法,修改属性两个方法,删除属性一个方法获取属性 element.属性该方法通常获取自 ...
jQuery获取和设置元素
本篇文章聊聊如何使用jQuery获取和设置元素内容与值. 一.获取和设置元素内容在 jQuery 中,操作元素内容的方法包括 html() 和 text().前者与 JavaScript 中的 in ...
html获取data-*值,html5 获取和设置data-*属性值的四种方法讲解
1.获取id的对象 2.需要获取的就是data-id 和 dtat-vice-id的值一:getAttribute()方法 const getId = document.getElementById ...
jQuery（六）元素属性操作和jQuery循环
文章目录 jQuery元素属性操作 jQuery循环练习-手风琴式展示图片 jQuery元素属性操作 html() //取出或设置元素内包裹的内容 var $box = $('.box');aler ...

元素属性、类名、内容、获取和设置、删除

元素属性、类名、内容、获取和设置、删除相关推荐

最新文章

热门文章