從動態添加的腳本標簽獲取innerHTML

Question

<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
</head>
<body>

<script type="text/javascript" id="embeddedScript">
    var script = document.createElement("script");
    script.setAttribute("type", "text/javascript");
    script.setAttribute("id", "scriptData");
    script.src = "DynamicText.jsp";
    script.onload = function() {
        alert(x);
        alert(document.getElementById("scriptData"));
        alert(document.getElementById("scriptData").innerHTML);
        alert(document.getElementById("embeddedScript").innerHTML);
    };
    document.getElementsByTagName("head")[0].appendChild(script);
</script>
</body>
</html>

DynamicText.jsp

x="Hello World!"

第一個警報會發出Hello World!

第二個警報給出[Object HTMLScriptElement]

我希望第三個警報給出x="Hello World!"的值x="Hello World!" 但是它顯示一個空值。

但是對於第四次警報，我可以看到id為"embeddedScript"的腳本標簽中的全部文本

原因？

Answer 1

您創建的js腳本標簽scriptData在其標簽之間沒有內容。 它只是鏈接到要執行的js資源。 它會像這樣出來

<script type="text/javascript" id="scriptData" src="DynamicText.jsp"></script>

從動態添加的腳本標簽獲取innerHTML

問題描述

1 個解決方案

解決方案1
0 2013-09-17 18:18:53

從動態添加的腳本標簽獲取innerHTML

問題描述

1 個解決方案

解決方案1 0 2013-09-17 18:18:53

解決方案1
0 2013-09-17 18:18:53