js设置按钮的disabled属性,js按钮的位置怎么调整_jsdata如何设置按钮位置-优快云博客

本文链接：https://blog.youkuaiyun.com/mynote/article/details/134335386

大家好，小编为大家解答js设置按钮的disabled属性的问题。很多人还不知道js按钮的位置怎么调整，现在让我们一起来看看吧！

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>1按钮显示时间</title>
<style>


</style>
<>
function displayDate(){
	document.getElementById("demo").innerHTML=Date();}
</>
</head>

<body>
<h2>1、点击按钮显示日期与时间</h2>
<p id="demo">这是一个段落</p>
<button type="button" οnclick="displayDate()">显示日期</button>

<h2>2、点击按钮弹出对话框</h2>
<p>
JavaScript能够对事件作出反应。比如对按钮的点击</p>
<button type="button" οnclick="alert('北京欢迎你！')">点我！</button>

<h2>3、js直接写入html body中</h2>
<>
document.write("<h1>这是一个标题</h1>");
document.write("<p>这是一个段落</p>")
</>
<h2>4、找到元素改变内容</h2>
<p id="demo1">我恨你</p>
<>
function myFunction(){
	x=document.getElementById("demo1");//找到元素
	x.innerHTML="我爱你，ww";
	}
</>
<button type="button" οnclick="myFunction()">点击改变内容</button>
<h2>5.点击灯泡就可以打开或关闭这盏灯</h2>
<>
function changeImage(){
	element=document.getElementById("myimage")
	if(element.src.match("dp2"))
	{
		element.src="image/dp1.png";
		}
		else{
			element.src="image/dp2.png"
			}
	}

</>


<img id="myimage"  οnclick="changeImage()" src="image/dp1.png"/>
</body>
</html>