引用文档中的HTML元素

最新推荐文章于 2021-10-19 11:31:43 发布

宿陌

最新推荐文章于 2021-10-19 11:31:43 发布

阅读量298

点赞数

分类专栏： JS 文章标签：文档对象 js all[]

本文链接：https://blog.csdn.net/qq_37860994/article/details/80114741

版权

JS 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

引用文档中的HTML元素的3种方法

document对象的all属性返回值包含文档中所有HTML标签的数组，对all[]数组中元素的引用方法有三种，分别为document.all[i]、document.all[name]、以及document.all.tags[tagName]

代码实例：

<body>
  <!--document.all[]返回了一个数组，数组中的元素为HTML文档中的所有HTML元素 -->
  <script language="javascript">

  function Value(){
  var str=new Array(3);
  str[0]=document.all.cnlText1.value;//第一种方法
  str[1]=document.all["cnlText2"].value;//第二种方法
  str[2]=document.all.tags('form')[0].cnlText3.value;//第三种方法(不明白)

  with(document){//访问document对象的属性值
  write("姓名："+str[0]+"<br>");
  write("住址："+str[1]+"<br>");
  write("工号："+str[2]+"<br>");
  }

  }
  </script>
  <form action="" method="get" name="form1">
    <p>&nbsp;</P>
    <p>姓名：
     <input id="cnlText1" name="cnlText1" value="">
    </p>
    <p>住址：
     <input id="cnlText2" name="cnlText2" value="">
    </p>
    <p>工号：
     <input id="cnlText3" name="cnlText3" value="">
    </p>
    <p>
     <input name="" type="Submit" onClick="Value()" value="显示信息">
    </p>
 </body>

宿陌

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
引用文档中的HTML元素

引用文档中的HTML元素的3种方法document对象的all属性返回值包含文档中所有HTML标签的数组，对all[]数组中元素的引用方法有三种，分别为document.all[i]、document.all[name]、以及document.all.tags[tagName]代码实例：&lt;body&gt; &lt;!--document.all[]返回了一个数组，数组中的...
复制链接

扫一扫