设置按钮'；使用javascript调用s值

我肯定看到答案后我会觉得自己很愚蠢，但我一直在网络上遇到史前代码，我不确定这些代码是否仍然适用。我的问题是“如何使用javascript更改按钮（表单内部）的值？”我现在有以下内容：

函数myFunc（表单）{
表单元素[“提交按钮”].value=“新建
文本”；
“其他真正有效的东西。”
返回false；
}

接

原始
文本

“其他真正有效的东西。”实际上有效，所以我确信函数正在被调用，按钮正在被找到。我似乎无法将“新建
文本”粘贴到按钮中

非常感谢您的帮助。

这可能有用：

form.elements["submit-button"][0].innerHTML = "New<br>Text";

form.elements[“submit button”][0].innerHTML=“New
Text”；

---

form.elements[“submit button”]

可能返回具有

name

属性的所有元素，该属性是一个数组。

使用

innerHTML

而不是

value

form.elements["submit-button"].innerHTML = ...

因为您使用的是

而不是

，所以需要设置

innerHTML

<代码>s的文本不基于value属性

<button> innerHTML </button>
<input type="button" value="value" />

innerHTML

有一种更好的方法。使用document.getElementById并为按钮指定一个ID

function myFunc() {
    document.getElementById('my_button').innerHTML = "New<br>Text";
    //"other stuff that actually works."
    return false;
}

<form onSubmit="return myFunc();">
    <button id="my_button" name="submit-button">Original<br>Text</button>
</form>

函数myFunc（）{
document.getElementById（“我的按钮”）.innerHTML=“新建
文本”；
//“其他真正有效的东西。”
返回false；
}
原始
文本

---

我不确定你是否可以在按钮的值中添加标签，但谁知道呢。不能说我已经试过了。

您的代码工作正常，但没有达到您可能期望的效果。后跟显示按钮的文本及其初始值，但是您的代码将在提交表单之前更改该值。这意味着，接收页面（通常是php/perl/asp脚本）将看到更改后的值作为GET或POST参数传递

如果要在不提交表单的情况下更改文本，请尝试以下操作：

函数changeValue（id，newText）{
var el=document.getElementById（id）；
el.value=newText；//更改传递到下一页的值
el.innerHTML=newText；//更改屏幕上显示的文本
返回false；
}

原始
文本

---

我认为默认值是由初始文本设置的，但是如果根据插入纯文本时，通过其他方式（如JavaScript）更改，

值

按钮确实会传递打开，因为

innerHTML

存在安全风险，并且会将内容不必要地解析为HTML。