更改 textarea 的不同属性
Posted
技术标签:
【中文标题】更改 textarea 的不同属性【英文标题】：Changing different attributes of textarea 【发布时间】：2014-03-26 21:15:49 【问题描述】：我正在尝试制作一个文本区域，我可以在其中将里面的文本更改为粗体、斜体、下划线等... 到目前为止，这是我的代码：
<body>
<form name="form1" action="" method="">
<div id="theForm">
<br><br>
<textarea id="theText" cols="40" rows="5" name="">
</textarea>
<br><br>
</div>
</form>
<button form="theForm" onclick="boldText()" type="button">Bold</button>
<button form="theForm" onclick="italicText()" type="button">Italic</button>
<button form="theForm" onclick="underlineText()" type="button">Underline</button>
</body>
</html>
<style>
#theForm
text-align:center;
position:absolute;
top:10%;
left:40%;
</style>
<script>
function boldtext()
theText.style.fontWeight = 'bold';
</script>
我什至不确定如何启动 javascript 代码.. 任何帮助将不胜感激！
【问题讨论】：
【参考方案1】：代码中的文本未定义，您需要获取元素并将其分配给变量
window.onload = function()
theText = document.getElementById('theText');
;
这将创建全局 theText 变量。并且你的函数需要是boldText（大写文本）。
【讨论】：
这对添加一些不同的代码很有帮助...谢谢！【参考方案2】：你可以像使用内联 CSS
<textarea style="font-weight: bold">My Boldie</textarea>
【讨论】：
如果你使用代码缩进4个空格或者点击以上是关于更改 textarea 的不同属性的主要内容，如果未能解决你的问题，请参考以下文章
如何根据它是不是是占位符来更改 textarea 文本的颜色？
JavaFX TextArea & TextField 显示不同的颜色
Qt Quick Controls 2 TextArea`tabChangesFocus`，如何使用Tab键更改焦点，而不是键入Tab字符