首页 / 知识
JavaScript怎么改变 HTML图像？
2023-04-11 13:40:00
JavaScript：对事件的反应
实例
<buttontype="button"onclick="alert('欢迎!')">点我!</button>
alert()函数在JavaScript中并不常用，但它对于代码测试非常方便。
onclick事件只是您即将在本教程中学到的众多事件之一。
JavaScript：改变HTML内容
使用JavaScript来处理HTML内容是非常强大的功能。
实例
x=document.getElementById("demo");//查找元素
x.innerHTML="HelloJavaScript";//改变内容
您会经常看到document.getElementById("someid")。这个方法是HTMLDOM中定义的。
DOM(DocumentObjectModel)（文档对象模型）是用于访问HTML元素的正式W3C标准。
您将在本教程的多个章节中学到有关HTMLDOM的知识。
JavaScript：改变HTML图像
本例会动态地改变HTML<image>的来源（src）：
点亮灯泡
<script>
function changeImage()
{
element=document.getElementById('myimage')
if (element.src.match("bulbon"))
{
element.src="/images/pic_bulboff.webp";
}
else
{
element.src="/images/pic_bulbon.webp";
}
}
</script>
<img loading="lazy" id="myimage" onclick="changeImage()" src="/images/pic_bulboff.webp" width="100" height="180">
|
最新内容
相关内容
python怎么显示日期
python怎么显示日期，时间，单位，管理，培训，浮点，标准，项目，日期，格式，时钟，Python程序能用很多方式处理日期和时间，转换日期格式是一个常见的功
python如何确定是否为可迭代对象
python如何确定是否为可迭代对象，培训，元素，索引，对象，整数，字典，函数，类型，下标，模块，迭代可以理解为，任意的集合使用for循环遍历python中，迭
python一个数的平方怎么表示
python一个数的平方怎么表示，培训，平方根，个数，函数，模块，表示，方法，表达式，实例，下面，用python进行数学计算，可以使用python内置的函数模块，下
python怎么调用类方法
python怎么调用类方法，培训，方法，实例，静态，定义，参数，属性，对象，关键字，以上，python中的类用来描述具有相同的属性和方法的对象的集合。它定pythonprint函数不要换行怎么写
pythonprint函数不要换行怎么写，培训，灵活，函数，对象，参数，文件，空格，结尾，字符，下面，从语法上讲，调用python3.0的print函数有如下的形式：print
pythonfor循环语句怎么写
pythonfor循环语句怎么写，数据，培训，项目，语句，循环体，实例，教程，时会，字符串，序列，pythonfor循环可以遍历任何序列的项目，如一个列表或者一个
python立方怎么表示
python立方怎么表示，培训，代码，数字，表示，次方，立方，余数，符号，当中，区别，python可以直接运算数字，也可以加print进行运算。>>>1+12>>>2-11>>>
python怎么写多行代码
python怎么写多行代码，代码，培训，情况，示例，字符串，斜杠，方法，行书，括号，有用，在写代码过程中，经常遇到一行代码很长的情况。为了让代码显得整
python怎么输出换行
python怎么输出换行，培训，工作，结果，方法，两个，引号，当中，同行，以上，需求，python在我们常用的print()方法进行输出时，通常输出结果是整行显示
python怎么判断不等于
python怎么判断不等于，地址，时间，代码，培训，系统，位置，变量，对象，两个，内存，比较运算符，也成关系运算符，用于对常量、变量或表达式的结果进行大
python怎么读文件最后几行
python怎么读文件最后几行，培训，代码，情况，异常，时间，位置，文件，指针，需求，开销，处理文件时，一个常见的需求就是读取文件的最后一行。那么这个
python元组怎么用
python元组怎么用，数据，位置，培训，系统，一致，函数，操作，数据类型，外部，个数，python的元组：tuple内部只有两个可以操作的函数[count()/index()]