网页编程的过程中,怎样让改变标签的属性

来源:互联网 发布:网络言情作家排行榜 编辑:程序博客网 时间:2024/06/06 00:21

分析改变某个元素的属性,首先是用到javascript,获取某个元素,然后改变元素的属性

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
<title></title>
</head>
<body>
<!-- 设置一个button,然后点击的时候,触发一个事件
然后去执行一个javascript,form这一开始的type是hidden
当执行这个事件的时候就改变这个属性变成可见-->
<button type="button" onclick="myFunction()">评论</button>
<!-- 现在我要解决的问题是当点击按钮的时候,怎样触发一个动作 -->
<script type="text/javascript">
function myFunction()
{
document.getElementById('demo').innerHTML="评论点击了";
}
</script>
<p id="demo">你好</p>
<!-- 现在我做到的是改变了标签的内容,并且知道了是通过事件来触发
动作,现在我要做的是定义一个函数,这个函数可以改变一个元素的属性 
要知道的是我们对任何的元素进行操作的时候都需要获得该元素-->
<script type="text/javascript">
function fun1()
{
x=document.getElementById('form1');//通过元素的id来获取某一个元素,
x.style.display='inline';//然后改变该元素的属性
}
</script>
<p onclick="fun1()">点击我</p>
<form style="display:none" id="form1">
<label>评一下吧:</label>
<textarea type="hidden" rows="10" cols="30"></textarea>
</form>
<p>你好,我占用空间了吗</p>
</body>
</html>

0 0
原创粉丝点击