我必須開發(fā)一個(gè)腳本(擴(kuò)展內(nèi)容腳本)，它將被注入到任何包含表單頁面中。

在該頁面中，腳本必須將一個(gè)可點(diǎn)擊的元素(例如按鈕)插入到某個(gè)輸入字段中，并向右對(duì)齊。

html頁面:

<div>
    <input type="text" id="input-field">
</div>

劇本:

var button = document.createElement("button");
button.textContent = "?";

var inpuntField = document.querySelector("#input-field");

// Here I have to insert the button into the input field

結(jié)果一定是這樣的:

-------------------
|               ? |
-------------------

我找到了很多解決方案，但都需要編輯輸入元素或輸入父元素的樣式屬性， 我不想編輯原始頁面，以防止頁面視圖出現(xiàn)任何問題。

有沒有人知道怎么做或者可以建議一個(gè)解決方案？感激。

像這樣。A & lt標(biāo)簽& gt嚴(yán)格來說是一個(gè)元素。你可以在HTML中制作幾乎任何可點(diǎn)擊的東西。

let label = document.createElement("label");
let labelText = document.createTextNode("?");
label.appendChild(labelText);

document.querySelector("input").after(label);
label.addEventListener("click", function(){
 alert("clicked");
});

label {
outline: 2px solid black;
}

<div>
<input type=text></input>
</div>