2回答
我在玩document fragment。当我将它附加到DOM中时，我发现很难理解它的行为。
当我在变量中插入一些内容并将文档片段附加到元素中时，我创建了一个分配给变量的doc fragment。但是，如果我清除了element，那么应该引用文档片段的变量包含一个空的文档片段。
我试图为创建文档片段的第三方库创建一个缓存。所以我想让它发挥作用。应该在将片段附加到DOM之前创建一个cloneNode，对吗？
我创建了一个JS小提琴：
var test = document.createDocumentFragment();
//var test = document.createElement(
浏览 0提问于2013-08-14得票数 8
回答已采纳
2回答
那么，当DIV的内容被重新定位时，它是否有可能自我调整其大小？
让我更好地解释一下：
我有一个容器div，里面有另一个div。最后一种方法可以通过jQuery.append()方法接收其他组件。
HTML:
<div id="container">
<div id="content"></div>
<div id="another">Hello World</div>
JS
var a = $("#another");
$("#content").app
浏览 3提问于2013-03-16得票数 0
查看Chrome DevTools中的节点数，我想知道单击Button1后的dom树与单击Button2后的dom树有什么不同。
index.html
<html>
<head>
<script src="./js/main.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="style/default.css">
</he
浏览 7提问于2014-04-28得票数 7
回答已采纳
我有一个很小的JS示例，试图将相同的option元素添加到两个不同的select列表中，但是每当我尝试这样做时，option只会被添加到两个列表中的第二个，我不知道为什么。
HTML：
<select id='one'></select>
<select id='two'></select>
<input type='button' value='click' onclick='ftn();' />
Javascript：
function ftn() {
浏览 5提问于2020-11-19得票数 0
回答已采纳
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/7.0.4/d3.min.js" integrity="sha512-T+1zstV6Llwh/zH+uoc1rJ7Y8tf9N+DiC0T3aL0+0blupn5NkBT52Avsa0l+XBnftn/14EtxpsztAWsmiAaqfQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
浏览 2提问于2021-09-28得票数 1
回答已采纳
我是HTML和JS的新手。需要创建动态展开-折叠列表。var parentId = document.getElementById("ABCD") parentId.setAttribute(“数据切换”，“崩溃”)parentId.setAttribute(“数据-目标”，“#折叠1”) var = document.createElement("ul")；tag.setAttribute("id"，"collapse1") parentId.setAttribute parentId.appendChild(标记)
对列表as
浏览 8提问于2015-10-03得票数 0
回答已采纳
我有三个div元素，里面有文本输入。我需要能够在父div之间导航，以便专注于子输入，同时使用箭头键(在一个输入和另一个输入之间来回切换)。如何在不使用jQuery的情况下实现这一点，只使用vanilla Js？
我尝试使用循环，通过选择带有类的同级元素在元素之间移动，但由于某些原因，它不起作用。
<div>
<input class="move" type="text">
</div>
<div>
<input class="move" type="text">
浏览 17提问于2019-10-27得票数 0
回答已采纳
如果指令是动态创建的，则"require“选项不起作用，因此它不能引用其父控制器。我怎么才能让它起作用？
app.directive('parent', function ($compile) {
return {
controller: function() {},
link: function (scope, el, attrs) {
// "child" is dynamically created
el.append( $compile('<div child>')(scop
浏览 4提问于2014-12-25得票数 3
回答已采纳
我有许多这样的无序列表，它们是通过for循环动态创建的。问题是我不能只针对这个ul中的元素，它已经改变了每个元素的active类。我很难理解什么是兄弟姐妹，什么是表亲等等。我尝试过最近的()，兄弟姐妹()，前一个()，查找()和它们的一些不同的组合，但似乎无法解决。
这是HTML
<ul>
<li><a href="#" class="button active">Option 1</a></li>
<li><a href="#" class="
浏览 0提问于2013-03-21得票数 1
回答已采纳
几年后，我正在做一些JavaScript练习，但没有使用它，所以如果这是一个愚蠢的问题，我很抱歉。
我从一个简单的循环开始，输出“你好，世界！”几次：
for (i = 0; i < 5; i ++){
var div = document.createElement("div");
div.innerHTML = "Hello, world!";
document.body.appendChild(div);
}
这句话给了我五句“你好，世界！”我想知道，如果我将变量声明移出循环，代码是否会运行得更快：
var div = doc
浏览 3提问于2015-12-08得票数 1
回答已采纳
1回答
我想通过点击一个按钮来添加新的输入表单。我有一张表格，我想补充一下：
<input type="number" id="portdiv" name="ports" min="0" max="48" size="1"/>
用于添加新表单的按钮：
<input type="button" value="Add another" onClick="addInput('portdiv');"/>
javascript函数
浏览 2提问于2013-06-04得票数 0
回答已采纳
所以我试着用javascript和一些jquery动态创建一个新的按钮。由于某些原因，此函数不起作用。它似乎在append函数处步履蹒跚。有什么建议吗？
下面是.js函数
SwapButton: function(){
var element = document.createElement('input');
element.setAttribute("type", "button");
element.setAttribute("value", "Trash Letters");
浏览 4提问于2013-04-16得票数 1
回答已采纳
1回答
我在delphi 7中使用lkJSON-1.07，在他们的例子中
js := TlkJSONobject.Create;
js.Add('namestring','namevalue');
// get the text of object
s := TlkJSON.GenerateText(js);
writeln(s);
writeln;
writeln('more readable variant:');
// (ver 1.03+) generate readable text
i := 0;
s := GenerateReadabl
浏览 1提问于2015-10-06得票数 6
回答已采纳
所以，我有一个汉堡包菜单在手机里的标题。在桌面上，事情发生了变化，菜单位于主内容的左侧，标题下方。是否有一种(JavaScript)使用现有标记的方法，即将nav标记及其内容移出#overlay，并将其放置在旁边的标记中？还是复制菜单标记是唯一的方法？
<header>
<div id="overlay">
<nav id="navbar">
<ul class="menu">
<li cl
浏览 7提问于2020-11-06得票数 1
回答已采纳
我想通过insertAfter方法在其中创建带有p标记的div标记。
所以现在我的代码是
$('<p></p>', {
'width': '110',
'height': '110',
}).insertAfter($(this));
输出现在如下所示
<p style="width:110px;height:110px;"></p>
如何使输出与此类似，而不重复insertAfter方法
<div id="wrapP"&
浏览 1提问于2013-06-17得票数 0
回答已采纳
我有一个可调整大小的容器DIV。我允许用户向其添加DIV元素，以创建某种类型的播放列表。当容器DIV不够大而不能附加内容DIV时，我希望content在容器DIV的末尾被切断。不幸的是，它总是被附加到其他内容元素下面。我尝试了容器元素的overflow:hidden;，但是没有任何效果.
浏览 0提问于2013-08-30得票数 1
回答已采纳
在Backbone.js模板templates/nutrients/show_template.jst.ejs中，我有以下内容：
<div id="nutrient_container">
<table class="person_nutrients">
...
<% for(var i=0; i < person[nutrientsToRender]().length; i++) { %>
<% var nutrient = y[x[i]]; %>
<tr class="deficen
浏览 1提问于2012-12-14得票数 1
回答已采纳
1回答
我在我的项目中使用了jQuery，在那里，.prepend()遇到了一些问题。请转到并使用以下用户名/密码登录: dummy/dummy，然后单击链接，转到信息设置。单击添加服务按钮->，然后单击facebook图标 ->只需单击添加按钮
你会看到蓝色的facebook标签。当您再次执行该过程时，您将看到三个 facebook标记(同时在两个标记前加上)，而不是两个。就像在前面加了两倍的否定。以前的标签。为什么会这样呢？
以下是jQuery代码：
$("#facebook").click(function(){
$("#facebook-info&#
浏览 3提问于2012-06-02得票数 0
我想做的是..。在三个元素中附加一个公共节点/元素。
const elements = document.getElementsByClassName(“test”);
const newElement = document.createElement(“BUTTON”);
newElement.classList.add(“dummy”);
Array.from(elements).forEach(item => {
item.appendChild(newElement);
});
预期的行为是所有.test元素都应该包含.dummy按钮。
但实际上只有最后一个.test元素得到了
浏览 1提问于2020-04-29得票数 2
回答已采纳
上下文:我正在学习Javascript，很多实践代码都使用document.write()，但是我一直读到应该避免它，但是JS中的一些东西已经嵌入了document.write()
例如：
var i = 1;
do {
document.write ("Cool");
i = i + 500;
} while (i <= 10);
问:您是尝试用替代的document.write()方法(例如createELement或innerHTML)重写循环，还是只是尽力避免它的使用？
浏览 1提问于2022-04-11得票数 0
1回答
我想在XML文件中添加新内容，而不删除原始内容。我怎么能做到这一点。
原始XML：
<collection>
<data>
<type>CHD</type>
<values>
<entry key="LOGICALCARDID">0000000</entry>
<entry key="PRIMARYKEYVALUE">001490499026060000000</entry>
<entry key="PRIMARYKEYOFFSET"
浏览 2提问于2013-04-24得票数 0
我试图使用下面的代码动态地生成div，但是新div不包含我现有div容器的元素。
Below is the code which I tried:
如何在不为现有div中的每个元素编写附加函数的情况下，动态地将我的内部div的所有元素(都来自inner1和inner2 div)创建到新生成的div中？
此外，如何删除新创建的div使用按钮单击？
$(function() {
$("#add").click(function() {
div = document.createElement('div');
$(div).addCla
浏览 5提问于2015-11-06得票数 0
回答已采纳
在带有嵌套集合的backbonejs中，我面临着一些体系结构问题。我收集了模型，在每个模型中，它可以包含与儿童相同的模型集合。因此，在父视图中，我呈现子集合，并将它的dom附加到父视图。它运转得很好。
但是关于父模式的改变，我正在重新呈现它的观点，这导致了它的孩子们再次呈现。但是，当父母的模式发生变化时，我不想把孩子创造成孩子的集合，没有任何变化。我能不用重新渲染就能利用孩子们吗？我有什么办法做到吗？
父视图代码：
RowView.prototype.initialize = function(options) {
this.childCollection = options.ch
浏览 0提问于2019-07-04得票数 0
回答已采纳
3回答
复选框动态地添加到div1中：
$.each(json, function(idx, obj) {
$("#tbl1").append('<input type="checkbox" id='+obj.firstId+' onclick=nextPopulate('+obj.firstId+'); >'); }
在选择这些选项时，复选框将动态添加到div2中：
$.each(json, function(idx, obj) {
$("#tbl2").append('<l
浏览 0提问于2013-11-27得票数 0
回答已采纳
1回答
我试图用每个条形图制作一个不同颜色的条形图。我尝试过几种基于答案的方法来实现这一点，但由于某些原因，我似乎无法改变单个条形的颜色。我使用的代码更改了每个条形图的颜色。如何设置多种颜色？
这是我试过的代码：
import React, { useEffect, useRef, useState } from 'react';
import * as d3 from 'd3';
import './BarChart.css';
const dataSet = [
{ category: 'Validation Pricing'
浏览 3提问于2021-07-15得票数 1
回答已采纳
当我单击标签上方的“显示/隐藏”按钮时，它可以正常工作。但是对于下面的按钮(前满)，它不会隐藏标签的内容。如果我移动开始标签上方的按钮，它将工作。如何让它链接到它上面的隐藏标签？
<input type="button" onclick="show(this);" value="show"/>
<input type="button" onclick="hide(this);" value="hide"/>
<hide class="inner" st
浏览 8提问于2014-06-13得票数 0
回答已采纳
<div id='parent'>
<div id='child'></div>
</div>
我想把孩子和父母解除联系。然后对子节点执行一系列不同的dom操作，然后将其连接回父服务器--这样浏览器就可以完成一次再流操作(而不是每次我在子服务器上更改内容时都会重新填充)。我该怎么做？
var child = document.getElementById('child');
var parent = document.getElementById('parent');
ch
浏览 3提问于2016-03-14得票数 2
回答已采纳
首先，解决方案必须是纯VanillaJS。
我有一个简单的HTML代码。
<div class="x">X</div>
<div class="x">Y</div>
<div class="x">Z</div>
还有一个VanillaJS代码。
document.addEventListener('DOMContentLoaded', function() {
var l = document.createElement('div');
浏览 0提问于2018-06-28得票数 2
回答已采纳
AFAIK，文档片段的好处是它们不会导致回流事件，直到将片段插入到DOM中。听起来很合理，但是看起来DOM外的元素也不会导致回流。
例如：
// with document fragment
var df = document.createDocumentFragment();
// append a bunch of hyperlinks to df
var container = document.createElement('div');
container.appendChild(df);
document.body.appendChild(container);
/
浏览 2提问于2012-11-06得票数 3
回答已采纳
2回答
我用d3.js创建了一个小的倍数图。每一个倍数都是一个不同的国家，在我的csv中被标记为出口商。我有11个出口国:加拿大、俄罗斯、美国、意大利、法国、英国、巴西、中国、印度、德国和日本。
我想填写每个国家，但前提是它是代表多重的国家。因此，每个国家的人口只有一个。
您可以在这里查看我的bl.ock。多重线的国家(出口国)是线汇合的国家：。
现在，我只让美国填补每一个倍数。我用以下代码填充了它：
svg.selectAll(".country")
.data(countries)
.enter()
.appe
浏览 2提问于2017-11-19得票数 2
回答已采纳
1回答
我在DOM中有这样的一部分
<div class="parent">
<a class="link">Link me </a>
</div>
CSS：
.parent {
z-index: -2;
}
.link {
z-index:9999;
}
我想要"parent“的一部分在前一个div下包装重叠/包裹。因此，我使用z-index -2。无论我使用什么z-index作为链接，它都是不可点击的。有什么建议吗。
PS:我不能使用更大的z索引作为父代的前身div。因为"parent“
浏览 3提问于2017-03-30得票数 0
我正在运行一个ajax调用，它以字符串的形式返回一些HTML。为了解决这个问题，我将调用这个<div class='abc'>ABC123</div>，当我得到它时，我想检查并查看类"abc“是否有一个值以及这个值是什么。但是，当我运行.find()时，我找不到类，我可以找到div，但找不到特定的类。仅仅使用div是不够的，因为在实际的活动代码中，HTML非常复杂，有很多div和类。下面是一些说明我观点的JS。
var x = "<div class='abc'></div>";
$(x)
浏览 2提问于2015-02-11得票数 0
回答已采纳
5回答
这个代码块触发了一个最大调用堆栈错误：
$(".resume_box").click(function () {
$("#resume_upload").trigger("click");
});
这是它引用的HTML：
<div class="resume_box">
<div class="file_instructions"> Please use .pdf format</div>
<div class="button_plate"
浏览 7提问于2017-01-04得票数 1
回答已采纳
我正在学习如何将div用于我所做的布局，我可能有错误的方法，但到目前为止，我尝试的方法并不起作用。所以我花了2个小时在谷歌上搜索和测试各种代码，但我似乎不能把它弄对。
这是我的css：
@charset "UTF-8";
/* CSS Document */
* {
margin: 0;
}
html{
height: 100%;
}
body {
background-color: #FFF;
background-image: url(images/bckgndPattern.gif);
background-repeat: repeat;
height:100%;
}
浏览 4提问于2011-05-02得票数 5
回答已采纳
1回答
我想从表单中获取信息并使用php写入xml文件？我的xml文件是树结构的。
我的xml文件示例：
<BookStore>
<Book>
<name>TODO</name>
<url>TODO</url>
</Book>
</BookStore>
当我提交时，它将创建一个xml，但我希望Book和BookStore也作为父级。我创造了直到name和url。但我也不知道如何创建Book和BookStore？
浏览 0提问于2015-05-28得票数 3
回答已采纳
3回答
我一直在尝试这个滑动下拉jquery菜单。我将下拉区域向上移动了一点，边距为负值。我希望有一种方法可以将drop放在触发该操作的父元素之上。我试过z-index，但没有成功。有人知道我做错了什么吗？
这是现场直播：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml
浏览 5提问于2011-03-20得票数 3
我使用了一个叫做Jquery Content Panel Switcher的Jquery插件。它就像标题所说的那样，它很容易地切换出div。该页面的html为：
<!--The switcher buttons, basic anchor tags, with the switcher class -->
<a id="content1" class="switcher">One</a>
<a id="content2" class="switcher">Two</a>
浏览 0提问于2012-11-22得票数 6
回答已采纳
1回答
我想用香草js做一张桌子。但是，根据声明变量的位置，我得到了不同的结果。
var body = document.body;
var table = document.createElement('table');
var tr = document.createElement('tr');
var td = document.createElement('td');
body.appendChild(table);
for (var i = 0; i < 3; i +=1) {
table.appendChild(t
浏览 1提问于2020-01-12得票数 4
回答已采纳
3回答
下面是一个简单数据表的代码，其中包含一些使用引导程序样式的分页控件，以及用于网格的可数据。
<!DOCTYPE html>
<html>
<head>
<title>Test page, using dataTables</title>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.8/css/dataTables.bootstrap.min.css"/&
浏览 3提问于2015-08-31得票数 0
回答已采纳
2回答
这个应该console.log控制器的'first‘指令，为什么没有发生呢？我几乎可以肯定，这可能会工作得很好。“‘second”指令从attrs获取具有“third”的模板并追加它。“‘third”指令需要“first”。
<!DOCTYPE html>
<html>
<head>
<script data-require="angular.js@1.4.3" data-semver="1.4.3" src="https://code.angularjs.org/1.4.3/angular
浏览 0提问于2015-08-28得票数 0
我需要使用脚本标记在Bootstrap模式中呈现一个HTML元素，问题是按钮呈现在模式之外。 我正在使用这个JS代码： var btn = '<button>BUTTON</button>';
div = document.createElement("div");
div.innerHTML = btn;
document.body.appendChild(div); 我调用JS with script标签： <script src="button.js" ></script> JS Fiddl
浏览 13提问于2019-04-25得票数 0
回答已采纳
1回答
我有一个有水平溢出的父级。我想要基于(触摸)相对于左侧的滚动位置的子项(和子项)的位置。我尝试过的每个JS函数都会返回固定位置。
<div class="parent"> <div class="child-one"></div> <div class="child-two"></div> </div>
.parent { overflow-x: scroll; overflow-y: hidden; width: 100vw; } .child-one,
浏览 11提问于2019-11-22得票数 0
回答已采纳
1回答
我有一个客户的网站，如以下代码。
这个站点的管理员让我放入我自己的javascript ( myScript.js )。我如何从这一点(DOM操作?)给定的iframe宽度从160px到200px？
<div id="iframeDiv">
<iframe width="160px" scrolling="no" src=/test/placement_content.jsp">
<html>
<body>
<script src="my
浏览 1提问于2013-03-12得票数 0
while(i < check){
randImage = retImgNodes(); //return image nodes
div1.appendChild(randImage); //append to div1
console.log("appended div1");
randImage2 = randImage; //variable name is not a problem
div2.appendChild(randImage2);
console.log("appended di
浏览 1提问于2016-07-26得票数 0
回答已采纳
1回答
我一直在尝试使用d3.js.but插入一个图标，当我运行它时，我没有得到任何图标。.here是我的代码片段。
node = svg.selectAll('g.node')
.data(svg_nodes, function (d) {
return (d && d.svg_id) || d3.select(this).attr("id");
})
node.select(
浏览 1提问于2020-12-15得票数 1
子对象未保存在父类对象中，出现错误。
在父类和子类中包含所有的值，但是节省了获取错误的时间，正如我所提到的session.save(parent)获取错误。
父类
@Table(name = "Parent")
public class Parent {
@Id
@Column(name = "parentId")
private Long parentId;
// parent to child
@Fetch(value = FetchMode.SELECT)
@OneToMany(cascade = Cas
浏览 5提问于2017-02-16得票数 0
回答已采纳
我有以下代码
this.newWrap = document.createElement("div");
this.newWrap.classList.add('xxx');
this.newWrap.appendChild(
document.querySelector('.two')
);
document.querySelector('.wrap').insertBefore(
this.newWrap,
document.querySelector('.three')
);
浏览 4提问于2017-06-19得票数 5
回答已采纳
我试图更改img标记的src属性，并对ajax请求的结果进行深入分析。这个请求返回一个json，并且一切正常，我的if测试到达了代码的正确部分，它在浏览器控制台显示了预期的输出，但是src属性没有被更改。
我已经尝试用以下方法删除这个img元素：
$('#l'+generatedId).remove();
而不是在父元素中创建一个新元素，方法是：
$('#msgid'+generatedId).append('<img id="l'+generatedId+'" src="newpath" />
浏览 0提问于2019-03-23得票数 0
回答已采纳
但情况显然并非如此。
我的JS：
$(".job_charge.item-block").live({
mouseenter: function(){
$(this).find('.edit-and-delete').stop(true,true).fadeIn();
},
mouseleave: function(){
$(this).find('.edit-and-delete').stop(true, true).fadeOut();
}
});
我的HTML：
<div id="job_cha
浏览 0提问于2012-03-28得票数 8
回答已采纳
有一个函数：
function mapBuilder(container, props) {
var map = document.createElement('app-map');
document.getElementById(container).innerHTML += map;
return map;
}
使用is：
<div id="map"></div>
<script src="map.js"></script>
<scri
浏览 37提问于2021-03-05得票数 -1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
