Bookmarklet JavaScript - 向網頁元素的現有內容添加字符 X

Question

我下面的代碼進行復制並閃爍一條簡短的確認消息。 我需要它在該網頁元素的現有內容前添加一個字符 X：

<< ? - 如果你不知道就走過去，如果你需要澄清 - 問

 javascript:(function() { var copyText = document.getElementById("mergeFields-input-text"); copyText.select(); document.execCommand("Copy"); tempAlert("COPIED SUBJECT", 500); function tempAlert(msg, duration) { var el = document.createElement("div"); el.setAttribute("style","position:absolute;top:1%;left:35%;background-color:white;"); el.innerHTML = msg; document.body.appendChild(el); setTimeout(function(){ el.parentNode.removeChild(el); }, duration ); } })();

11.1.18 版本

 javascript:(function() { var copyText = document.getElementById("mergeFields-input-text"); copyText.innerHTML = "-" + copyText.innerHTML(); tempAlert("ADDED", 500); function tempAlert(msg, duration) { var el = document.createElement("div"); el.setAttribute("style","position:absolute;top:1%;left:35%;background-color:white;"); el.innerHTML = msg; document.body.appendChild(el); setTimeout(function(){ el.parentNode.removeChild(el); }, duration ); } })();

11.1.18 V2

 javascript:(function() { var copyText = document.getElementById("mergeFields-input-text"); copyText.value = "-" + copyText.value(); tempAlert("ADDED", 500); function tempAlert(msg, duration) { var el = document.createElement("div"); el.setAttribute("style","position:absolute;top:1%;left:35%;background-color:white;"); el.innerHTML = msg; document.body.appendChild(el); setTimeout(function(){ el.parentNode.removeChild(el); }, duration ); } })();

Answer 1

innerHTML不是一個函數，它是一個包含 DOM 元素當前內容的屬性。 所以你不應該在它后面加上() 。

 <a href='javascript:(function() { var copyText = document.getElementById("mergeFields-input-text"); copyText.value = "-" + copyText.value;})()'>Click me</a> <input id="mergeFields-input-text" value="initial contents">