Question

我正在尝试创建一个textarea，在其中我可以将文本内部更改为粗体，斜体，下划线等... 到目前为止，这是我的代码：

<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代码.. 任何帮助都会非常感激！

Answer 1

代码中的文本未定义，您需要获取元素并将其分配给变量

window.onload = function() {
    theText = document.getElementById('theText');
};

这将创建全局的theText变量。你的函数需要是boldText（大写文本）。

Answer 2

您可以使用内联css，如

<textarea style="font-weight: bold">My Boldie</textarea>

改变textarea的不同属性

2 个答案: