javascript - onclick 为空?

标签 javascript html

我不知道我的代码是否有效,因为我无法通过 onlclick 为空。我正在尝试从文本区域中获取文本并将其放入 HTML 的段落中。带复选框。如果选中该框,则会清除 <p>标签。如果未选中,它将保留 p 标签中的内容并创建一个新的 p 标签。谢谢大家

window.onload = function()  { 
document.getElementById("paste").onclick = function() {


//var y = document.getElementById('paste').onclick
var paragraph = document.getElementById('box').value;
var x = document.getElementById("write");
var getInfo = document.getElementById('ParaWrite');

 if (x.checked === true)
     paragraph =+ "<p>"+paragraph+"</P>";
 else
 return;
getInfo.innterHTML === paragraph;

  }    
}


HTML 
<!doctype html>
<html>
<head>
<meta charset="utf-8">

<title>TeXt BoX</title>


<link rel="stylesheet" href="../css/normalize.css">
<link rel="stylesheet" href="Textbox.css">


</head>

<body>
<h1></h1>
<form name="form1" id="form1">

<input type='checkbox' name='write' id='write' value='Check' />

<label for='write'>Append Paragraph</label><br/>

<textarea type="text" id="box"/></textarea>

<input  type='button' value="Paste typed text" id="Paste"/>

</form>
<p id="ParaWrite"></p>


<script type="text/javascript" src="TextPara.js"></script>
</body>
</html>

最佳答案

id 名称区分大小写。将您的 onclick 分配调用更改为

document.getElementById("Paste").onclick = 

粘贴更改为粘贴

而且它不是=+,正确的是+=

关于javascript - onclick 为空?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14700030/

相关文章:

JavaScript 和正则表达式 : Split and keep delimiter

javascript - 从 Firefox 扩展中查找当前登录的用户

javascript - 将整个 json 文件作为数组加载到变量中

javascript - 将数字拆分为数组

javascript - jquery对话框打开多个窗口

html - 如何绘制和定位三 Angular 形?

javascript - 单击数组中的按钮时如何执行函数?

html - 有一个倒置的插入符号吗?

javascript - 将特定深度的innerHTML提取到DOM树结构中

javascript - 使用 JavaScript 上传后无法获取文件大小