從 Javascript function 中提取 innerHTML

Question

如果已經有人問過這個問題，我提前道歉，但我找不到。 如果有，請引導我到該頁面，我不會打擾你。

我使用了 Javascript function 來提取內部 HTML。 我可以 console.log 這個，但我想將它插入 HTML 的新節點/部分。

例如：

<h2>Example text id="article"</h2>
<p>'insert javascript text'</p>

<p>example</p>
<p>example</p>
<p>example id="pToExtract"</p> <--! this is the text i'd like to extract. I would like to feature it higher up in the html page, as well as here. -->

這是我用來提取文本的 function：

function printFirstLine(elem) {
  let firstLine = document.getElementById(elem);
  console.log(firstLine.innerHTML)
}
printFirstLine ("pToExtract")// this works. i can see the text in the console

function 我曾經把它放在我想要的地方是：

let newText = '';
let menu = document.getElementById ('article');
let li = document.createElement('p');
li.textContent= newText;

menu.insertBefore(li, menu.firstElementChild.nextSibling); 

如果我將文本/字符串放在“newText”上，並且如果我將 function 名稱放在那里，它只會返回 function，即 ZC1C425268E68385D1AB5074C17A9（4）

無論如何要返回 function 的實際值/innerHTML 來表示一個新變量，所以我可以用它代替 newtext 或其他方式來完成此操作。

謝謝你

Answer 1

不確定我是否正確理解了您的問題，但您在尋找這個嗎？

function printFirstLine(elem) {
  const firstLine = document.getElementById(elem);
  return firstLine.innerHTML; // here return the value
}

const newText = printFirstLine( 'pToExtract' );

---

另外我認為你的意思是寫這個：

<p id="pToExtract">example</p>

而不是這個：

<p>example id="pToExtract"</p>