Question

如何通过将textarea标签替换为输入标签来运行此脚本？我在我的页面中使用了输入标记，并想添加此代码，但此代码使用textarea。如果我改变textarea输入代码不起作用。

function setFontText(text) {
  document.getElementById("Courier_new").innerHTML = text;
  document.getElementById("Arial_Black").innerHTML = text;
}

<textarea id="textField0" autocomplete="off" style="font-family:'Alex Brush';" onkeyup="javascript:setFontText(this.value);" rows="2" name="textField0"></textarea> Multiple text area:

<textarea id="Courier_new" class="fontTextArea2" style="font-family:Courier;" autocomplete="off" name="Courier new"></textarea>

<textarea id="Arial_Black" class="fontTextArea2" style="font-family:Arial; " autocomplete="off" name="Arial Black"></textarea>

Answer 1

试试这个： -

function setFontText(text) {
  document.getElementById("Courier_new").value = text;
  document.getElementById("Arial_Black").value = text;
}

或者，使用document.getElementsByClassName

方法.getElementsByClassName（）返回一个类似于数组的元素对象。因此你必须访问第一个元素（如果有的话）。

var elements = document.getElementsByClassName("anyclass);
var value = elements[0].value;

alert(value); // 1

，或者你也可以使用.querySelector（）方法：

var value = document.querySelector('.anyclass').value;
alert(value); // 1

Answer 2

更新：

注册功能：

NaN

使用字符串作为参数调用函数。

function setFontText(text) {
  document.getElementById("Courier_new").innerHTML = text;
  document.getElementById("Arial_Black").innerHTML = text;
}

它也适用于textarea。语法就像这样。这里是stackoverflow中的输入字段：

var x = document.getElementById（＆＃34; wmd-input＆＃34;） x.innerText =＆＃34; TEXTFIELDINPUT＆＃34;

或

x.innerHTML =＆＃34; TEXTFIELDINPUT＆＃34; *

如何在输入标签中使用javascript显示实时输入？

2 个答案:

试试这个： -