关于Element学习笔记

vslam 发布于2019-08-19 18:13 / 1196人阅读

摘要：阅读高级程序设计第章的学习笔记。获取特性注意传递给的特性名与实际特性名相同不区分大小写。获取需传入而不是。不仅会清除特性的值，也会从元素中完全删除特性。针对上述问题的解决方案在中指定完整的标签来解决。

阅读《javascript高级程序设计》第10章的学习笔记。

要访问元素的标签名 nodeName属性或 tagName属性



//js获取元素及标签名
var div = document.getElementById("myDiv");
console.log(div.tagName); //"DIV"
console.log(div.nodeName); //"DIV"

其中要注意的是，HTML中标签名始终以大写表示，而XML有时与源代码中保持一致

HTML元素

每个HTML元素都存在的标准特性

id 元素在文档中的唯一标识符

title 有关元素的附加说明信息

lang 元素内容的语言代码

dir 语言方向。值为"ltr"【从左至右】| "rtl"【从右至左】

className 与元素的class特性对应。

获取特性

getAttribute()
【注意】传递给getAttribute的特性名与实际特性名相同（不区分大小写）。获取class需传入"class"而不是"className"。可获取自定义特性。通常只有在取得自定义特性值的情况下使用getAttribute()方法。【特殊情况如下】

style 通过getAttribute访问时返回的style特性值中包含的是css文本，通过属性访问则会返回一个对象

onclick 返回相应代码的字符串通过属性访问时会返回一个js函数。

setAttribute()
如果特性已经存在，会以指定值替换现有的值；如果特性不存在，则创建该属性并设置相应值。

【通过这个方法设置的特性名会统一转为小写形式】
【可以直接给属性赋值设置特性的值，具体看下面代码】
【为DOM元素添加一个自定义属性，该属性不会自动成为元素的特性，但自定义属性会在IE中被当作元素特性】

div.setAttribute("id","myId");
div.setAttribute("class","myClass");
//可以直接给属性赋值设置特性的值
div.id="myId";
//
div.mycolor="red";
div.getAttribute("mycolor");//null(IE除外)

removeAttribute()
用于彻底删除元素特性。不仅会清除特性的值，也会从元素中完全删除特性。

创建元素

document.createElement()只接受一个参数【要创建元素的标签名】

将新元素添加到文档树

appendChild()

insertBefore()

replaceChild(0

需要注意的问题

不能设置动态创建的元素的name特性 不能通过表单的reset方法重设动态创建的<input>元素 动态创建的type特性值为"reset"的<button>元素重设不了表单 动态创建的一批name相同的单选按钮彼此毫无关系。 针对上述问题的解决方案：在createElement中指定完整的HTML标签来解决。 <pre>var iframe = document.createElement("<iframe name="myframe">");

服务器托管云服务器学习笔记学习笔记一基础学习笔记深度学习笔记

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/79334.html

AngularJS学习笔记(1) --- 执行过程

摘要：前言由于在博客系统的开发中和近期工作中的前端框架主要使用因此在这里记录学习和使用的过程中遇到的一些需要记录的点。执行过程弄清楚的执行过程是很重要的，这样你才能在正确的时机做正确的事。至此，的执行过程也就告一段落了。前言由于在博客系统的开发中和近期工作中的前端框架主要使用 AngularJS ,因此在这里记录学习和使用 AngularJS 的过程中遇到的一些需要记录的点。特别说明，本...

taohonghui 2019-08-20 14:06 评论0 收藏0
react入门学习笔记（一）

摘要：选择的主要原因大概是因为该框架出现较早，感觉上会相对成熟，日后学习中遇到问题想要查找答案相对简单一些，对，就是这么简单。多说无益，接下来开始的学习，我按照我学习中带着的问题来一一解答，完成我的入门笔记。主要是针对前端的组件化开发。这两天得空，特意来折腾了以下时下火热的前端框架react，至于为什么选react,作为一个初学者react和vue在技术上的优劣我无权评论，也就不妄加评论了...

leon 2019-08-20 18:01 评论0 收藏0
JavaScript MVC 学习笔记（四）类的使用(下)

摘要：基于函数进行调用的，用来确保函数是在指定的值所在的上下文中调用的。添加私有函数目前上面为类库添加的属性都是公开的，可以被随时修改。以基于的富应用开发为主要学习资料。控制类库的作用域在类和实例中都添加proxy函数，可以在事件处理程序之外处理函数的时候保持类的作用域。下面是不用proxy的办法： var Class = function(parent){ var klas...

Rango 2019-08-21 10:25 评论0 收藏0
python学习笔记 --- python中list的实现

摘要：中的实现先挂个英文版的原文链接这个作者还是可以的，我又发现了他的另外一篇关于的实现，后面的博文再进行介绍。存储了一系列指向数据的指针。虚线方块代表了没用到的。切分并移除元素也就是上面代码中的，会调用。 python中list的实现 Author : Jasper Yang School : Bupt 先挂个英文版的原文链接 Laurent Luces Blog 这个作者还是可以的，...

dongfangyiyu 2019-07-30 14:19 评论0 收藏0
vue学习笔记（五）

摘要：各模块各司其职，提高开发效率。使用生成的项目目录里，我们主要关注目录。这个是我们之前提到的单页面组件。这是项目的路由文件，存放项目中所有的路由。这里和我们之前所学没什么不同，不过是涉及了不少的知识。一、vue模块化开发所谓的模块化开发是指将不同的部分封装到不同的模块中，不再将所有的组件、路由等写在一个页面中。各模块各司其职，提高开发效率。使用vue-cli生成的项目目录里，我们主...

shusen 2019-08-21 17:18 评论0 收藏0