我有一个下拉列表,它根据所选的选项构建一个表单.因此,如果有人选择'foobar',它会显示一个文本字段,如果他们选择'cheese',它会显示单选按钮.然后,用户可以在这些表单中输入数据.唯一的问题是,当他们添加新的表单元素时,所有其他信息都将被删除.我目前正在使用以下内容添加到表单中:
document.getElementById('theform_div').innerHTML =
document.getElementById('theform_div').innerHTML + 'this is the new stuff';
如何让它保留表格中的任何内容并将新字段添加到最后？
我正在使用XElement来保存一个HTML服务器端.
我想将该XElement的子元素转换为字符串,有点像javascript中的"InnerHtml"属性.
请有人帮我这个吗？:)
假设我有一个<textarea>和<div>元素,当用户将html,CSS或其他任何东西放入textarea时,那么他们的输入被设置为<div>元素的innerHTML,使用javascript .
让用户定义<div>元素的内容有哪些漏洞？
我有html form一些输入字段.
我不需要读取和发送input字段值,而是document.ipForm.userName.value将整个html内容发送到html解析器,并<name ,value>通过其他程序(以及其他信息)提取每个输入字段对.
但是当我在JavaScript中这样做时(我想要纯JavaScript而不是其他库)
var contents=document.getElementById("formArea").innerHTML;
alert(contents);
它不列入显示的value="enteredValue"的<input/>领域,即使我输入了一些值.
我的HTML文件:
<html>
<head>
<script type="text/javascript">
function showInnerHtml(){
var contents=document.getElementById("formArea").innerHTML;
alert(contents);
}
</script>
</head>
<body>
<div id="formArea">
<form name="ipForm" >
UserName : <input type="text" name="userName">
</form>
</div>
<div> other contents..... </div>
<div onclick="showInnerHtml()">Show InnerHTML</div>
</body>
</html>
我在这里遗漏了什么,或者这是不可能的.
不要叫我MAD.但我正在努力应对这种奇怪的情况.
我一直认为jQuery只对DOM 元素运行,即那些具有的元素nodeType == 1.
但是我很震惊,在创建HTML时会产生以下$("<p> </p><!-- comment -->")结果:
[p, Comment { data=" comment ", length=21, nodeName="#comment", more...}] (Firebug格式化)
我通过AJAX接受了一些HTML,并且以这种方式创建了DOM Comment并将其传递给仅适用于元素的函数: defaultView.getComputedStyle( elem, null )
这有什么干净的方法吗？
我知道在contentEditable中获取/设置光标位置几乎是不可能的.我不在乎了解这些信息.我需要能够保存当前选择,修改div的innerHTML,然后恢复选择.
我正在试验在满意的选定文本保存和恢复中提供的答案.它在输入div之后有效,但在编程修改div的innerHTML 之后却没有.相反,当我调用restoreSelection时,插入符号只是开始.
关于如何在修改innerHTML而不是键入之后如何在contentEditable上保存/恢复选择的任何建议将非常感激.
我有这样的HTML代码:
<div class="a">html value 1</div>
<div class="a">html value 2</div>
如何访问html value 1和html value 2使用jquery？
我试图避免使用,innerHTML因为它导致我的浏览器崩溃,可能是由于250毫秒的刷新率.
无论如何,我宁愿在隐藏中有一些内容,只有在满足某个条件时才能<div>使其<div>可见.解决这个问题的最佳方法是什么？
基本上,我现在正在做的是......
setInterval(function () {
if (serverReachable()) {
.... // lines of code
.... // lines of code
var changeIt = document.getElementById('change')
changeIt.innerHTML = '';
timeout = setInterval(function(){window.location.href = "Tracker.html";},5000);
}
} else {
clearTimeout(timeout);
timeout = null;
var changeIt = document.getElementById('change')
changeIt.innerHTML = 'offline';
}
}, 250);
这会使我的浏览器崩溃,因为我不是innerHTML用来打印"离线"而是整个<div>.我希望<div>隐藏,而不是使用innetHTML,只是取消隐藏条件是否满足(在这种情况下,没有互联网连接).
我有一个可怕的算法,"删除一个节点",将其内部内容移动到其父节点(见下文)......但我认为有可能使用DOMDocumentFragment开发一个更好的算法(而不是使用saveXML/loadXML).
下面的算法受renameNode()的启发.
/**
* Move the content of the $from node to its parent node.
* Conditions: parent not a document root, $from not a text node.
* @param DOMElement $from to be removed, preserving its contents.
* @return true if changed, false if not.
*/
function moveInner($from) {
$to = $from->parentNode;
if ($from->nodeType==1 && $to->parentNode->nodeType==1) {
// Scans $from, and record information:
$lst = array(); // to avoid "scan bugs" of DomNodeList iterator …我正在制作一个jquery计算器,通过点击代表计算器上的数字和运算符的按钮,显示器的innerHTML将改变以反映点击的按钮.
以下是我的代码:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<title> JQuery Calculator </title>
</head>
<body>
<style>
section {
padding: 2em;
}
.display {
height: 5em;
color: #333;
}
</style>
<section id="calculator">
<div class="display">
</div>
<div id="numbersContainer">
<table id="numbers">
<tr>
<td>
<button class="number" id="one">1</button>
</td>
<td>
<button class="number" id="two">2</button>
</td>
<td>
<button class="number" id="three">3</button>
</td>
</tr>
<tr>
<td>
<button class="number" id="four">4</button>
</td>
<td>
<button class="number" id="five">5</button>
</td>
<td>
<button class="number" id="six">6</button>
</td>
</tr>
<tr>
<td>
<button class="number" id="seven">7</button>
</td>
<td> …