id name tagname

getElementById()                         返回带有指定id的节点对象的集合。

getElementsByName()                   返回带有指定名称的节点对象的集合。

与getElementById() 方法不同的是,通过元素的 name 属性查询元素,而不是通过 id 属性。

getElementsByTagName()        返回带有指定标签名的节点对象的集合。返回元素的顺序是它们在文档中的顺序

是标签的名称,如p、a、img等标签名。

<script>

function mz(){
  var x=document.getElementsByName("xx1");
  alert(x.length);
}//结果是弹出1
function bq(){
  var x=document.getElementsByTagName("input");
  alert(x.length);

}//结果是弹出2

</script>

<body>
<input type="textarea" name="x1" id="x2">
<input type="textarea" name="xx1" id="xx2"> 

<br />

<button onclick="mz()"/>看看name有几项?</button>
<button onclick="bq()"/>看看标签有几项?</button>

</body>

getAttribute()                         通过元素节点的属性名称获取属性的值。

标签的名称,如p、a、img等标签名,获得他们的id或title

setAttribute()                         增加一个指定名称和值的新属性,或者把一个现有的属性设定为指定的值。

括号里:(“要改的属性名”,“要改的内容”)

时间: 2024-10-25 11:32:44

id name tagname的相关文章

通过id TagName className 获取

/*-------------------------- + 获取id, class, tagName +-------------------------- */var get = { byId: function(id) { return typeof id === "string" ? document.getElementById(id) : id }, byClass: function(sClass, oParent) { var aClass = []; var reCl

jQuery基本知识

jQuery知识结构 * jQuery入门?     * js函数库(DOM/ajax)     * 特点:         * HTML元素选取         * HTML元素操作         * CSS操作         * HTML事件处理         * JS动画效果         * 链式调用         * 浏览器兼容         * Ajax封装         * 易扩展插件     * helloworld         * 引入库           

类jquery选择器

用过jquery的人都会觉得jquery中的选择器$相当的方便吧,相比javascript自带的document.getElementById要灵活得多,但是并不是所有的项目都需要用到jquery这个库,但是我们又想要用到它的选择器,怎么办呢?最好的办法就是自己实现一个类似功能的函数.代码如下: function $findChilds(parentNode, text) { //如果不传入父节点的话,默认为body if(parentNode == undefined) parentNode

css3学习笔记,随时帮你记起遗忘的css3

一,css3基本情况介绍. 顾名思义css3是css2的升级版本,它较以往版本新增了很多强大的功能.目前chrome,safari,firefoxopera,IE10以后都开始支持css3的效果. 1.具体增加的强大功能介绍..选择器:以前我们通常用class,id,tagname 来作为html元素的选择器.css3的选择器更强大,他可以减少标签中的class,id的数量,更方便的维护样式表,更好的实现结构与表现的分离..圆角效果:border-radius..块阴影和文字阴影:可以对任意di

Backbone笔记(续)

Backbone Bockbone 总览 Backbone 与 MVC 模式:解决某一类问题的通用方案 - 套路 MVC:一种架构模式,解耦代码,分离关注点 M(Model) - 数据模型 V(View) - 表现视图 C(Controller) - 控制器 Backbone 与 SPA 传统web应用与 SPA 的区别: 状态概念代替了页面概念 http://www.example.com/page1 http://www.example.com/page2 http://www.exampl

jQuery学习01

1. jQuery 1.1 定义: jQuery是一个集合了许多我们常用的函数的一个JS库,它的使用能使开发者更方便的完成需要用JS代码来完成的特效. 1.2 优点: jQuery是集成了便捷性好.容错性高.兼容性好等优点的JS库. 1.3 学习目的: 由于jQuery是众多函数的集合,那它存在许多的方法,我们学习的目的就是学习jQuery中的方法,并最好能知悉这些方法的实现原理. 1.4 使用方法: jQuery为外部的JS库,所以在每次HTML页面设计时都需要引入jQuery,不然无法使用j

ReactMix框架,让你实现一套js代码,基于ReactNative在H5,App都能完美跑起来,Write Once,Run Anywhere

ReactNative框架推出已经有一段时间了,相信很多小伙伴都在尝试实现Write Once, Run Anywhere的梦想,比如淘宝的ReactWeb等等,但是这些框架都局限于因为ReactNative本省的局限性,比如不支持CSS,不支持DOM操作,不支持选择器等等,而没有办法实现Js代码的全平台统一,现在通过全新的ReactMix框架,你可以让你的代码不仅可以在ReactNative上跑起来,实现安卓和iOS代码的统一,而且同样一份代码也可以在PC,H5上跑起来,到底有多神气?让我们来

表单操作

# 表单操作     1. ## 表单的引用:</br>             1)直接定位: id / name/ tagname             2)集合方式:                         document.forms[index];通过下标                        document.forms["表单name名"];                        document.forms."表单name

实现一个类似jquery选择器的小轮子(二)

大致的思路已经整理出来, 上一次遍历到的子级是下一次遍历到的父级; 首先开始是对$(str)里面的str字符串进行切片; var str = ' div .abc .edf ' $(str); //切片思路如下 //首先在使用选择器时可能手误,前面空了空格,或者后面空了空格:为了增加容错性,在此先对字符串使用trim方法. str = str.replace(/^\s+|\s+$/g,''); console.log(str);//得到'div .abc .edf'; //开始对字符串进行切割