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事件的事件侦听器中。