javascript学习笔记--查看html元素和改变html的内容

 

<p id="idname">1.通过 id 找到 HTML 元素</p>
<span>2.通过标签名找到 HTML 元素</span>
<a href="" id="hrefElement">链接</a>
<p class="classname">3.通过类名找到 HTML 元素</p>

　　

javascript提供了三种方法查找htmlDOM元素：

1.通过 id 找到 HTML 元素

 idname = document.getElementById('idname')

2.通过标签名找到 HTML 元素

tag = document.getElementsTagName('span')
3.通过类名找到 HTML 元素

classname = document.getElementsByClassName('classname')

4.改变html元素的内容

idname = document.getElementById('idname');

idname.innerHTML='这是改的html的内容';

5.改变html元素属性的内容

hrefElement = document.getElementById('hrefElement ');

hrefElement.href='www.yqltb.top';

6.改变html元素的样式

classname = document.getElementsByClassName('classname');

classname.style.color='#fff';

classname.style.display='block';

classname.style.visibility='hidden';