我知道这是相当直接使用jQuery但是对于大学作业需要插入新段落点击更多链接然后删除它们点击较少的链接 - 我们不使用CSS或jQuery所以我的代码到目前为止看起来像这样 - 插入工作但删除less()函数没有任何想法为什么(甚至尝试简单的警报从少功能和一个href上的返回false不能正常工作重定向页面到没有javascript默认.
window.onload= function()
{
var href = document.getElementById("more");
href.setAttribute("onclick","more(); return false;");
var more = document.getElementById("more");
more.onclick = function more()
{
var para1 = document.createElement("p");
para1.setAttribute("id", "para1");
var para1Cont = document.createTextNode("my text block 1");
para1.appendChild(para1Cont);
var more = document.getElementById("more");
more.parentNode.insertBefore(para1,more);
var para2 = document.createElement("p");
para2.setAttribute("id", "para2");
var para2Cont = document.createTextNode("My text block 2");
para2.appendChild(para2Cont);
more.parentNode.insertBefore(para2,more);
var toLess = more.setAttribute("id", "less");
var less = document.getElementById("less");
less.setAttribute("onclick", "less(); return false;");
less.innerHTML ="click here for less";
return false;
};
var …Run Code Online (Sandbox Code Playgroud)