17-2.htm

来自「php 和 ajax 开发的一些资料」· HTM 代码 · 共 120 行

HTM

120 行

<html>
<head>
<title>
使用JavaScript访问DOM元素的属性与方法
</title>
<script language="javascript">
function f1()
{
  element=document.getElementById("title");
  temp=element.getAttribute("size");
  alert(temp);
}
function f2()
{
  element=document.getElementById("title");
  temp=element.getAttribute("color");
  alert(temp);
}
function f3()
{
  element=document.getElementById("title");
  temp=element.innerHTML;
  alert(temp);
}
function f4()
{
  element=document.getElementById("title");
  temp=element.hasChildNodes;
  if(temp)
  {
    str="有子元素";
  }
  else
  {
    str="无子元素";
  }
  alert(str);
}
function f5()
{
  element=document.getElementsByTagName("img");
  temp=element[0].getAttribute("src");
  alert(temp);
}
function f6()
{
  element=document.getElementsByTagName("img");
  temp=element[0].getAttribute("border");
  alert(temp);
}
function f7()
{
  element=document.getElementsByTagName("img");
  temp=element[0].getAttribute("alt");
  alert(temp);
}
function f8()
{
  element=document.getElementsByTagName("img");
  temp=element[0].hasChildNodes;
  if(temp)
  {
    str="有子元素";
  }
  else
  {
    str="无子元素";
  }
  alert(str);
}
function f9()
{
  element=document.getElementById("message");
  temp=element.getAttribute("width");
  alert(temp);
}
function f10()
{
  element=document.getElementById("message");
  temp=element.getAttribute("height");
  alert(temp);
}
function f11()
{
  element=document.getElementById("message");
  temp=element.getAttribute("bgcolor");
  alert(temp);
}
function f12()
{
  element=document.getElementById("message");
  temp=element.innerHTML;
  alert(temp);
}
</script>
</head>
<body>
<font id="title" size="5" color="#FF0000">访问元素的属性与方法</font>
<p>
<img src="1.png" border="1" alt="这里是提示文本">
<p>
<div id="message" width="10" height="100" bgcolor="#cccc00">这里有一个层</div>
<p>
<input type="button" value="title的大小" onclick="f1()">
<input type="button" value="title的颜色" onclick="f2()">
<input type="button" value="title的内容" onclick="f3()">
<input type="button" value="title有无子元素" onclick="f4()">
<p>
<input type="button" value="img的地址" onclick="f5()">
<input type="button" value="img的边框" onclick="f6()">
<input type="button" value="img的提示文字" onclick="f7()">
<input type="button" value="img有无子元素" onclick="f8()">
<p>
<input type="button" value="message的宽度" onclick="f9()">
<input type="button" value="message的高度" onclick="f10()">
<input type="button" value="message的背景色" onclick="f11()">
<input type="button" value="message的值" onclick="f12()">
</body>
</html>

17-2.htm - 源码说明

本页面展示了「php 和 ajax 开发的一些资料」中的 17-2.htm 源码文件，采用 HTM 编程语言编写，共 120 行代码。您可以在线阅读完整代码内容，也可以返回资源详情页下载完整源码包进行本地学习和开发。

虫虫下载站收录了大量与PHP相关的技术资源，包括源代码、技术文档、电路图等，是电子工程师和嵌入式开发者的专业学习平台。

⌨️ 快捷键说明

复制代码Ctrl + C

搜索代码Ctrl + F

全屏模式F11

增大字号Ctrl + =

减小字号Ctrl + -

显示快捷键?