HTML DOM Parameter用法及代碼示例

這個Map對象HTML DOM中的屬性用於創建和訪問HTML <param>用法及代碼示例包含在object中的元素。嵌入元素的插件的參數是通過使用element來完成的。

用法:

它用於訪問<param>元素。

var x = document.getElementById("myParam");

它用於創建<param>元素。

var x = document.createElement("PARAM");

屬性值：

name:它用於設置或返回參數的名稱屬性的值。
value:它用於設置或返回參數的value屬性的值。

示例1：訪問參數element 的名稱值。

<!DOCTYPE html> 
<html> 
    <title>  
        HTML DOM Parameter Object Property  
    </title> 
<body> 
    <h4>Click the button</h4> 
    <button onclick="GFG()">Click Here!<br> 
    </button> 
    <p></p> 
        <object data="sample.mp4">  
            <param id="myParam" name="Autoplay" value="true">  
        </object> 
    <p id="Geeks"></p> 
    <script> 
        function GFG() { 
                   var x = document.getElementById("myParam").name; 
           document.getElementById("Geeks").innerHTML = x; 
        } 
    </script> 
</body> 
</html>

輸出：

在點擊按鈕之前

點擊按鈕後

示例-2：使用document.createElement(“OBJECT”);創建param元素。

<!DOCTYPE html> 
<html> 
    <title>  
        HTML DOM Menu Object Property  
    </title> 
<body> 
    <h4>Click the button</h4> 
    <button onclick="GFG()">Click Here!<br> 
    </button> 
    <p></p> 
    <script> 
        function GFG() { 
            var x = document.createElement("OBJECT"); 
            x.setAttribute("data", "sample.mp4"); 
            x.setAttribute("id", "myObject"); 
            document.body.appendChild(x); 
  
            var y = document.createElement("PARAM"); 
            y.setAttribute("name", "autoplay"); 
            y.setAttribute("value", "true"); 
            document.getElementById("myObject").appendChild(y);     
        } 
    </script> 
</body> 
</html>

輸出：

在點擊按鈕之前

點擊按鈕後

執行上述代碼的步驟：

添加媒體文件。
將文件保存在本地。
在標準瀏覽器上運行。

支持的瀏覽器：下麵列出了DOM Parameter Object屬性支持的瀏覽器：

穀歌瀏覽器5.0
Internet Explorer 8.0
Firefox 3.6
Safari 5.0
Opera 10.6

相關用法

注：本文由純淨天空篩選整理自SHUBHAMSINGH10大神的英文原創作品 HTML | DOM Parameter Object。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。