document获取节点byTagName

/*
*对于页面中的超链接,新闻链接通过新窗口打开
*当然是要获取其中被操作的超链接对象。
*可是通过Document获取超链接,拿到的是页面中所有的超链接节点。
*只想获取一部分如何办呢?
*只要获取到被操作的超链接所属的节点即可。
*/
function
getNodedemo4(){
//获取超链接所属的DIV节点
var divNode =
document.getElementById("newlink");
//通过对div对象的查找发现它也具备getElementByTagName方法
//记住:所有的容器型标签都具备这个方法。在该标签范围内获取指定名称的标签。
var
aNodes = document.getElementsByTagName("a");
for(var
x=0;x<aNodes.length;x++){

//alert(aNodes[x].innerHTML);
aNodes[x].target
= "_blank";
}
}

<a href="http://www.baidu.com">百度搜索</a>
<a
href="http://www.taobao.com">淘宝网索</a>
<a
href="http://www.sina.com.cn">新浪</a>
<div
id="newlink">
<a href="http://www.163.com">网易</a>

<a href="http://www.google.com">谷歌</a>
<a
href="http://www.sohu.com">搜狐</a>

时间: 2024-11-06 15:16:27

document获取节点byTagName的相关文章

document获取节点byId&amp;byName

<script type="text/javascript"> /* *需要:获取页面中的DIV节点:*思路:*通过docment对象完成.因为div节点有ID属性.所以可以通过ID属性来完成获取.*/function getNodeDemo(){ var divNode = document.getElementById("divid"); //节点都有三个必要的属性.节点名称.节点类型.节点值//alert(divNode.nodeName+&quo

JavaScript的DOM_获取节点的类型

node 节点类型:节点可以分为元素节点.属性节点和文本节点,而这些节点又有三个非常有用的属性,分别为:nodeName.nodeType 和 nodeValue. <script type="text/javascript"> window.onload = function(){ var box = document.getElementById('box'); alert(box); //[object HTMLDivElement]元素节点对象 alert(box.

轻松学习JavaScript二十:DOM编程学习之获取节点

我们这里所说的获取节点包含元素节点,属性节点和文本节点.通常,通过DOM我们就能够操作HTML元素.为 了做到这件事情,您必须首先找到该元素.W3C提供了比较方便简单的定位节点的方法和属性,以便我们快速的对节 点进行操作. 我们先来写一个简单的HTML文档以供我们进行测试,并且JS代码都是写在window.onload事件中: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w

封装常用的js(Base.js)——【01】理解库,获取节点,连缀,

封装常用的js(Base.js)——[01]理解库,获取节点,连缀,  youjobit07 2014-10-10 15:32:59 前言:       现如今有太多优秀的开源javascript库,比如jQuery,Prototype,Dojo等等,这些javascript库已经把最常用的代码进行了有效的封装,以便我们开发,从而提高效率.现在我这里探讨的是自己创建一个javascript库,自己创建的肯定没有那些开源javascript库功能强大,目的主要是为了提升自己的原生javascrip

通过节点层次关系获取节点

<!--通过节点的层次关系获取节点对象. 关系:1.父节点:parentNode:对应一个节点对象.2.子节点:childNodes:对应一个节点集合.3.兄弟节点: 上一个兄弟节点:parviousSibling下一个兄弟节点:nextSibling--> <script type="text/javascript"> function getNodeByLevel(){ //获取页面中的表格节点var tabNode = document.getElemen

js获取节点和编辑的方法

获取: 1.document.getElementById() 靠id获取节点 2.document.getElementsByClassName() 靠类名获取节点集(数组) 3.document.getElementsByTagName() 靠标签名获取节点集(数组) 4.document.createElement() 创建新的节点 5.document.querySelector() 靠CSS选择符获取节点 6.document.querySelectorAll() 靠CSS选择符获取节

JavaScript初识(一):获取节点

JavaScriopt DOM有三大节点:元素节点.属性节点.文本节点. 其中获取元素节点的三种主要方法有: 1.document.getElementById();此方法根据节点的唯一id值获取节点. 如<li id = "hamigua">哈密瓜</li>,document.getElementById("hamigua"); 2.document.getElementByTagName();此方法根据节点的标签名获取节点. 如<l

JS获取节点方法

1. 通过顶层document节点获取:(1) document.getElementById(elementId):该方法通过节点的ID,可以准确获得需要的元素,是比较简单快捷的方法.如果页面上含有多个相同id的节点,那么只返回第一个节点. 如今,已经出现了如prototype.Mootools等多个JavaScript库,它们提供了更简便的方法:$(id),参数仍然是节点的id.这个方法可以看作是document.getElementById()的另外一种写法,不过$()的功能更为强大,具体

表格中等宽单元格td之---获取节点下字符串的宽度

当我们给了table一个固定宽度时或者宽度为100%时,如果不给tr和td固定的width.height.table内部的tr和td会根据其自身的内容自动适应宽度和高度,项目中提出了一个需求,想让table中的某些tr(或者td)的宽度根据这些部分的内容,选出最大宽度,在赋值给这几个tr(或者td),从而做到部分tr(或者td)等宽 原图是这样的:产量列下的td长短不一 解决办法: (一)首先我想到了table的 标签自己的属性: table-layout:fixed ; 此属性可以让table