如何使用 JavaScript 中的 Legacy DOM 方法访问文档属性?


如需使用 JavaScript 中的 Legacy DOM 方法访问文档属性,可尝试运行以下代码 −

示例

<html>
   <head>
      <title> Document Title </title>
      <script>
         <!--
            function myFunc() {
               var ret = document.title;
               alert("Document Title : " + ret );

               var ret = document.URL;
               alert("Document URL : " + ret );

               var ret = document.forms[0];
               alert("Document First Form : " + ret );

               var ret = document.forms[0].elements[1];
               alert("Second element : " + ret );
            }
         //-->
      </script>
   </head>
   <body>
      <h1 id="title">This is main title</h1>
      <p>Click the following to see the result:</p>

      <form name="FirstForm">
         <input type = "button" value = "Click Me" onclick = "myFunc();" />
         <input type = "button" value = "Cancel">
      </form>

     <form name="SecondForm">
        <input type = "button" value = "Don't ClickMe"/>
     </form>
   </body>
</html>

更新于: 23-6-2020

139 次浏览

开启你的职业生涯

完成课程获得证书

开始学习
广告