HTML - DOM 元素 namespaceURI 屬性

元素的namespaceURI屬性提供分配給該元素的名稱空間URI，指示其名稱空間上下文，如果元素不是名稱空間的一部分，則返回null。

語法

element.namespaceURI

返回值

此屬性返回一個字串，其中包含元素名稱空間的URI，如果元素不屬於任何名稱空間，則返回null。

HTML DOM 元素“namespaceURI”屬性示例

以下是一些顯示“namespaceURI”屬性用法的示例，以便更好地理解。

獲取HTML中元素的名稱空間URI

此示例演示如何使用namespaceURI屬性檢索和顯示HTML DOM中ID為“myDiv”的HTML元素的名稱空間URI。

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>XHTML Example</title>
</head>

<body>
    <h1>HTML - DOM Element</h1>
    <h2>namespaceURI Property</h2>
    <div id="myDiv">Hello, World!</div>
    
    <!-- Container for displaying the result -->
    <div id="result"></div>
    
    <script>
    const divElement = document.getElementById('myDiv');
    const namespaceURI = divElement.namespaceURI;
    
    // Display the namespace URI in the result element
    const resultElement = document.getElementById('result');
    resultElement.textContent = `Namespace URI of #myDiv: ${namespaceURI}`;
    </script>
</body>

</html>

獲取XHTML中元素的名稱空間URI

此示例演示如何使用namespaceURI屬性檢索和顯示HTML DOM中ID為“myCircle”的SVG元素的名稱空間URI。

<!DOCTYPE html>
<html>
<head>
    <title>SVG Example</title>
</head>

<body>
    <h1>HTML - DOM Element</h1>
    <h2>namespaceURI Property</h2>
    <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100">
        <circle id="myCircle" cx="50" cy="50" r="40" stroke="black" 
        stroke-width="2" fill="red" />
    </svg>
    <div id="result"></div>
    <script>
        const circleElement = document.getElementById('myCircle');
        const namespaceURI = circleElement.namespaceURI;
        const resultElement = document.getElementById('result');
        // Updates the HTML content
        resultElement.textContent = `Namespace URI of #myCircle: 
        ${namespaceURI}`;
    </script>
</body>

</html>

支援的瀏覽器

屬性
namespaceURI	是	是	是	是	是

html_dom_element_reference.htm

列印頁面