网页常用javascript代码收集
1,document.all的用法
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> Document.All Example #2</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<script language="javascript" type="text/javascript">
function left()
{
document.getElementById("heading1").align="left";
}
function bigger()
{
document.all["heading1"].style.fontSize="xx-large";
}
</script>
</head>
<body> <!-- Works in Internet Explorer and compatible -->
<h1 id="heading1" align="center" style="font-size: larger;">DHTML Fun!!!</h1>
<form name="testform" id="testform" action="#" method="get"><br /><br />
<input type="button" value="Align Left" onclick="left()" />
<br /><br />
<input type="button" value="Bigger" onclick=" bigger()" />
<input type="button" value="Smaller" onclick="document.all['heading1'].style.fontSize='xx-small';" />
<br /><br /> <input type="button" value="Red" onclick="document.all['heading1'].style.color='red';" />
<input type="button" value="Blue" onclick="document.all['heading1'].style.color='blue';" />
<br /><br /> <input type="text" name="userText" id="userText" size="30" />
<input type="button" value="Change Text" onclick="document.all['heading1'].innerText=document.testform.userText.value;" />
</form>
</body>
</html>
相关视频
相关阅读 asp下面javascript上传图片限制格式大小方法jQuery和JavaScript 库的性能对比在JavaScript中yield实用简洁实现方式JavaScript库开发者们的规则JavaScript和CSS 属性功能javascript去除字符串中出现空格的函数javascript模式对话框属性介绍JavaScript学习和使用经验总结
热门文章 Wordpress本地安装教程dx1.5如何设置二级域名
最新文章
hbuilder有哪些快捷键Wordpress本地安装教程
Wordpress本地安装教程expression web 4文档乱码解决方法dz 2.5“收藏本版”关闭小对话框无法关闭解在制作安装软件之前,您必须先将易语言存盘,
人气排行 如何使用multipart/form-data格式上传文件Photoshop PS图层混合模式详解(非常详细)ISAPI_Rewrite3使用教程网站里添加收藏和设为首页代码桌面快捷方式图标不见了C#获取执行程序所在的当前路径的方法详解(XMLHttpRequest)进行跨域请求方法如何用远程桌面连接进行传输文件
查看所有0条评论>>