如何用JS控制html中的IMG标签?

JavaScript017

如何用JS控制html中的IMG标签?,第1张

以下是用JS控制html中的IMG标签的两种方法:

方法一:隐藏某一个特定的IMG

<img src="" onerror="this.style.display='none'"> 

<img src="http://www.baidu.com/不存在.jpg" onerror="this.style.display='none'">

方法二:隐藏页面所有src指向不存在图片的IMG

<script>

window,onload=function(){

var imgs=document.getElementsByTagName('img')

for(var i=0,j=imgs.lengthi<ji++){

(imgs[i].onerror=function(){

imgs[i].style.display='none'

})()         //

}

}

</script>

<img src="">

<img src="http://www.baidu.com/1.jpg">

<img src="http://www.baidu.com/2.jpg">

<IMG src="http://www.baidu.com/3.jpg">

如果要让a标签隐藏可以通过如下方式:

<a

id="anchor"

href="#"

style="display:none">锚点连接</a>

如要要让不显示的a标签显示只需要将style中的"display:none"这个属性给去掉;因此就可以通过js来动态的设置这个a标签的属性达到控制标签显示和隐藏切换的效果。

<SCRIPT

LANGUAGE="JavaScript">

function

hide(){

document.getElementById("anchor").style.display

=

"none"

}

function

show(){

document.getElementById("anchor").style.display

=

"block"

}

</SCRIPT>

JavaScript是一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。

在HTML中标签<a></a>

或者大写字母A

。其中的a(或者

A)

anchor

的缩写

。anchor

['æŋkə]

基本解释是.:锚,

铁锚

的,网页当中的所有连接跳转基本上都是通过a标签来实现的。

在html文档中,基本上所有的标签节点都可以通过样式控制其显示和隐藏的属性,当然A标签也不例外。

需要准备的材料分别有:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:index.html,填写问题基础代码。

2、在index.html中的<script>标签,输入js代码:

function fun() {

if ($('#ChildMenu1').css('display') == 'none') {

$('#ChildMenu1').css('display', 'block')

} else {

$('#ChildMenu1').css('display', 'none')

}

}

3、浏览器运行index.html页面,此时点击按钮即可让菜单显示或隐藏。