javascript的getElementByTagName

2019独角兽企业重金招聘Python工程师标准>>>

<script type="text/javascript">window.onload = function(){var a=document.getElementById("demo");var btn=document.getElementsByTagName("button")[0];btn.onclick=function(){a.innerHTML="this is my first";}}</script>

这个其中值得提出的是getElementByTagName后为什么要带[ 0]

这个其实是这样的var btn =document.getElementByTagName("button")获取的是一个数组，所以需要指定坐标！

还有就是innerHTML后附加的HTML用等号（=）连接！

转载于:https://my.oschina.net/lzwenme/blog/266310

javascript的getElementByTagName相关推荐

【必备】jQuery性能优化的38个建议
一.注意定义jQuery变量的时候添加var关键字这个不仅仅是jQuery,所有javascript开发过程中,都需要注意,请一定不要定义成如下: $loading = $('#loading'); ...
前端jquery、vue、react之性能优化
一.jquery 选择器性能优化建议总是从#id选择器来继承这是jQuery选择器的一条黄金法则.jQuery选择一个元素最快的方法就是用ID来选择了. $( '#content' ).hide( ...
jQuery源码学习（6）-Sizzle选择器（2）
1.CSS选择器的位置关系: 四种关系:"+" 紧挨着的兄弟关系:">" 父子关系:" " 祖先关系:"~" 之后 ...
javascript中的getElementById、getElementsByName、getElementByTagName详解
getElementById.getElementsByTageName.getElementsByName的区别 1.getElementById根据指定Id得到html元素,所以只能得到唯一的ht ...
通过JavaScript简单的操作DOM（一）
通过JavaScript简单的操作DOM (一)简单的前提概念 1.DOM简介 DOM,文档对象模型.描述了HTML和XML文档结构,然后提供API,来帮助开发人员添加.删除.修改页面的某一部分. ( ...
【Javascript基础】
Javascript语法内建对象是js自带的对象. 如new Array(); Math.round(); 宿主对象何谓宿主对于js来说,宿主是他的运行环境,对于Web应用来说,更具体一点就是 ...
linux访问网页元素,Linux_DOM和JAVASCRIPT访问页面上的元素，访问方法：getElementById() - phpStudy...
DOM和JAVASCRIPT访问页面上的元素访问方法: getElementById():返回拥用传递给该方法的指定id的第一个对象的引用. getElementsByName():返回拥用传递该方 ...
JavaScript四（DOM编程）
一.绪论 DOM是文档对象模型(Document Object Module)的简称,借助DOM模型,可以将结构化文档,转换成DOM树,程序可以访问,修改,增加,删除树的节点.程序通过操作DOM树时, ...
document.getElementByTagName()的用法
document.getElementByTagName()取得相同标签内文本框内容 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tran ...
Javascript DOM动态添加表格
一次翻译技术文章,本身英语水平很烂,翻译的也是自己刚开始学习的技术,所以能勉强看懂英文的话都要尽量读原文而不要看我的翻译,免得被误导.阅读原文这篇文章简单介绍了DOM 1.0一些基本而强大的方法 ...

javascript的getElementByTagName

javascript的getElementByTagName相关推荐

最新文章

热门文章