1.0.1 js简介

最新推荐文章于 2022-10-12 14:18:29 发布

听雨1

最新推荐文章于 2022-10-12 14:18:29 发布

阅读量112

点赞数

分类专栏： JavaScript 文章标签： js ViewUI

本文链接：https://blog.csdn.net/tingyu_521/article/details/84764452

版权

JavaScript 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
//document.write("<h1>This is a heading</h1>");
//document.write("<p>This is a paragraph</p>");

//修改文本
function myFunction(){
var x=document.getElementById("demo");
x.innerHTML="改变了吧";
}

//切换图片
function changeImage(){
var element=document.getElementById("myImage");
if(element.src.match("bulboff")){
element.src="eg_bulbon.gif";
}else{
element.src="eg_bulboff.gif";
}
}

//改变颜色
function myFunctionColor(){
var x=document.getElementById("demo2");
x.style.color="#fabcde";
}

//数字判断
function myFunction2(){
var x=document.getElementById("number2").value;
if(x=="" || isNaN(x)){
alert("不是数字!");
}
}
</script>
</head>
<body>
<p id="demo">内容</p>

<button οnclick="myFunction()">点击这里</button>
<br />
<img id="myImage" src="eg_bulboff.gif" οnclick="changeImage()"></img>
<br />
<p id="demo2">点击图片，改变图片的颜色</p> <br />
<button οnclick="myFunctionColor()">改变颜色</button>
<br />
数字判断：
<input type="text" id="number2">
<button οnclick="myFunction2()">判断</button>
</body>
</html>

@dianxinxinxiyuan.xiuyanxilu.pudongqu.shanghai

听雨1

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
1.0.1 js简介

//document.write("This is a heading"); //document.write("This is a paragraph"); //修改文本 function myFunction(){ var x=document.getElementById("demo"); x.innerHTM...
复制链接

扫一扫

专栏目录