JavaScript：在 <p> 標簽之間也插入一個新標簽 <p> 標簽（輸出）

Question

我正在嘗試從<p>文本</ p>進行轉換onLoad ，以便在簡單的javascript中創建<p>新的修改后的文本</ p> （關鍵是我不想使用textareas ）。

這是我一直在嘗試做的事情（但它似乎僅適用於來自textareas的值）：

<script>
<?php include("js/roman.js"); ?>
function afficher(form2) {
    var testin = document.form2.TextToModify.value;
                 document.form2.NewModifiedText.value=hangul_to_roman(testin);
}
</script>

<div>
    <p name="TextToModify" value="input" onLoad="afficher(form2)">

        TEXT    

    </p>

    <p name="NewModifiedText" value="output">  

        <!-- NEW MODIFIED TEXT   -->

    </p>
</div>

有誰知道如何獲取“ p”標簽之間的第一個文本以進行轉換？

先感謝您 ！

Answer 1

一些注意事項：

• 最好避免使用內聯事件處理程序。
• p元素不能具有name或value屬性。
• document.form2.TextToModify是訪問表單元素的非標准方式。 標准方式是document.forms.form2.elements.TextToModify ，但是因為p元素沒有列出而不能用。

 function hangul_to_roman(str){ return str; } function afficher() { document.getElementById('NewModifiedText').innerHTML = hangul_to_roman( document.getElementById('TextToModify').innerHTML ); } afficher(); // This must run after loading the DOM 

 <div> <p id="TextToModify"> TEXT </p> <p id="NewModifiedText"> <!-- NEW MODIFIED TEXT --> </p> </div> 

hangul_to_roman僅包含在此處，以使代碼段可運行。

注意afficher()必須在元素加載后調用，例如，在關閉</body>之前放置的腳本中，或者在DOMContentLoaded或load事件的事件偵聽器中。