用于更改文本值的脚本 - Javascript

时间:2011-06-05 14:14:37

标签: javascript

从这个问题我开始知道文本元素的值可以通过JS Set maximum number of item in Select List - html

来改变

任何人都可以提供一些代码或一些提示吗?

我的意图不是黑客攻击,我需要知道这一点,因为我正在编写一个Web应用程序,其中大部分验证都是由JS完成的

Edit
寻找有关在服务器服务的页面上从客户端运行JS的指南[在某些文本上 readonly =“true”]!

1 个答案:

答案 0 :(得分:27)

例如,如果你有一个像这样的html文本元素:

<p id="textelement">I am a text element</p>

您可以使用JS更改内部文本:

<script type="text/javascript">
    document.getElementById("textelement").innerHTML = "New text inside the text element!";
</script>

您可以将此技术用于任何可以包含文本的HTML元素,例如选择列表中的选项(<option>标记)。您可以通过其他方式选择元素:

  • getElementById()访问具有指定ID的第一个元素
  • getElementsByName()访问具有指定名称的所有元素
  • getElementsByTagName()访问具有指定标记名的所有元素

更多信息here

PS - 如果要更改元素属性的而不是其内部文本,则应使用setAttribute()方法;例如,如果你有:

...
<option id="optionone" value="red">Nice color</option>
...

并想要更改属性,您应该这样做:

<script type="text/javascript">
    document.getElementById("optionone").setAttribute("value", "green");
</script>

有关此here的更多信息。