Tag: dom

使用缓存的SVG代码创建SVG Object标记

我正在尝试将HTML5 localstorage用于SVG。 我现有的代码用于处理SVG对象,它具有“data”属性,指向SVG文件url。 现在,对于HTML5 localstorage,我能够缓存SVG的文件内容。 但是我无法将这些内容放在object标签中。 如果我将缓存的SVG代码附加到DIV,它看起来很好,但我的应用程序不会正确地对内容进行任何操作。 有没有办法,所以我可以创建一个没有“data”属性的SVG对象,并将缓存的SVG内容放在其中? 或者用自定义SVG数据构建Object标签的任何方式,没有URL依赖它?

如何在多个表内深入获取每个元素的innerText?(chrome扩展名)

我已经尝试了几个小时(我是网络开发的新手)。 我需要访问一个包含许多列的表,其中一列包含人名的行,并将它们放在数据结构中。 在每一行中,包含此人姓名的文本的ID设置如下: JOHN DOE == $0 BOB DAVID == $0 这些行在表格等表格中非常非常深… 我试过了 var n = document.getElementsByClassName(“.myClass”); 和 var n = document.querySelectorAll(“.myClass”); 和 n = $(“.myClass”); 但没有运气。 是否有不同的方法来访问此结构内部的某些类/ ID? 编辑:有多个接近的答案,但我接受了最愿意帮助的用户,并且主要针对我的特定情况量身定制。

找到合适的DOM元素

以下是我的模型: 和我的viewmodel: function TimeCardViewModel() { var self = this; self.teamMembers=ko.observableArray(); } function TeamMemberViewModel(data){ var self=this; self.days=ko.observableArray(); for (var i=0; i<7; i++) { self.days.push(new DayViewModel(…); } } function DayViewModel(shifts){ var self=this; self.shifts=ko.observableArray(); for (var i=0; i<shifts.length; i++) { self.shifts.push(new ShiftElementsViewModel(…); } } function ShiftElementsViewModel(a,b,c,d) { var self=this; self.startTime=ko.observable(a); self.endTime=ko.observable(b); } var timeCardViewModel=new TimeCardViewModel(); ko.applyBindings(timeCardViewModel); 对于每个成员,我们(一周中的七天中的每一天)都有一些class次。 对于每个class次,我们都有成对的startTime-endTime输入。 […]

使用JS定位类名迭代

我试图将JSON数据解析为类名“slide_content”的特定迭代 得到这样的东西: slide_content[0] 但是JS没有提供getElementByClass()选择器。 有问题的API数据在这里: 将Straight JS转换为JQuery 干杯! 迈尔斯

如何从textarea中提取DOM对象?

我想从定义的textarea之一中提取出一个DOM对象。 示例: some text 注意:内的已解码。 我只想在textarea中找到一个特定的,并在其中实例化一个新对象。 到目前为止,我正在努力追随无济于事: var spanObject = $(“#myTextArea”).val().find(“span#sp1); 任何帮助将不胜感激 ! 谢谢。

Framework7日历事件使用AJAX onMonthAdd加载

类似的问题,但我相信仍然有着独特的不同: Framework7 datepicker在初始化后修改事件 我有一个内联日历,其中包含从AJAX脚本加载的事件,我可以使其工作,但是将来会有数百个事件需要多年。 我需要的是一种只加载月份事件并根据需要添加它们的方法。 我认为这可以通过onMonthAdd来完成,但我遇到的问题是,当我将一个新元素推送到p.events时,直到月份从元素中删除并重新读取才会加载新事件。 例如:1月份的onMonthAdd我在1月11日添加一个事件。然后当1月进入视图时,不显示该事件。 但是,当我导航回到12月然后到11月时,1月份的日历将从DOM中删除。 然后导航回到1月,在DOM中重新创建月份,然后它将显示事件。 主要问题是, 如果在将月添加到DOM后onMonthAdd似乎被触发 , 如何在DOM中创建元素之前添加事件是如何可能 的 。 我找不到对beforeMonthAdd函数的任何引用。 如果我能找到一种简单地将事件(没有AJAX)添加到添加的月份的方法,AJAX是非相关的,我可以使它工作。 这是我尝试过的一些代码(不包括AJAX),但它不能用于创建日历,但在重新创建DOM的月份之前不会使用新日期进行更新: … var calendarInline = myApp.calendar({ container: ‘#calendar-inline-container’, weekHeader: true, firstDay: 0, events: [ new Date(2017,7,1), new Date(2017,7,31), new Date(2017,8,1), new Date(2017,8,30), new Date(2017,9,1), new Date(2017,9,31), new Date(2017,10,1), new Date(2017,10,30), new Date(2017,11,1), new Date(2017,11,31) ], onMonthAdd: function(p,monthContainer){ var […]

来自MySQL的jQuery JSON模板

我创建了一个jQuery函数,它调用一个PHP服务器端文件,该文件从MySQL数据库中提取数据并以JSON格式输出。 JSON数据在此函数中被模板化,以便作为HTML文档中的列表项动态插入到DIV中。 JSON数据很好 – 我用一个工具validation它,如果我在浏览器中运行PHP脚本,它会正确显示(在Chrome中使用JSONView )。 但是,我无法将数据显示在HTML文档中。 我最初在PHP文件中将数据作为HTML发送,这正常工作,但我有其他问题( 请参阅此SO问题 )所以我决定以另一种方式解决这个问题 – 使用JSON代替并模板化。 我正在尝试从数据库行添加:标签,标题,描述和gotoURL到透视HTML标记: Label Title Dispription 我不知道我的编码有什么问题; 你能不能通过片段查看并在你的答案中进行适当的编辑。 日Thnx 供应PHP: Some_Guidance_Library[] = $row; } header(‘Cache-Control: no-cache, must-revalidate’); header(‘Content-type: application/json’); echo (json_encode($output)); mysql_close(); ?> HTML文档: . . . . . . . . . var ajaxLoader = ”; var dns = ‘http://192.168.1.34’; var navContent = ‘/andaero/php/my_list.php’; […]

幻影没有达到function

接下来,我已经重写了我的脚本,但无法达到我执行数据扫描的function。 结果我的对象为null。 我怎样才能确保达到这个function? 我如何填充对象? (注意我的对象和填充它的方式是基于早期post的讨论,但如果我在下面的脚本中发现任何错误,请告诉我) 错误输出: ReferenceError:找不到变量:angular(不确定这意味着什么……我现在忽略了) http://stage.inc.com/js/Inc5000ListApp.js?UPDATE1:2 http://www.inc.com/inc5000/index.html:2485 阅读关于公司5000中的公司 Inc.com(这是标题,正在打印) null(该对象为null,我不知道为什么??实际上该函数未被访问,但我怎么能纠正这个……) 码 var webPage = require(‘webpage’); var page = webPage.create(); page.open(‘http://www.inc.com/inc5000/index.html’, function(status) { var title = page.evaluate(function(s) { return document.querySelector(s).innerText; }, ‘title’); console.log(title); page.injectJs(‘http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js’); var dataObj= page.evaluate(function() { console.log(‘Reached scrapeData’); var DATA = []; $(‘tr.ng-scope’).each(function(){ var $tds = $(this).find(‘td’); DATA.push({ rank: $tds.eq(0).text(), company: $tds.eq(1).text(), […]

使用javascript或jquery在dom中插入元素

我正在使用这个脚本在第1,第2和第3个li插入三个不同的span 。 $(“ul li:eq(0)”).prepend(“1”); $(“ul li:eq(1)”).prepend(“2”); $(“ul li:eq(2)”).prepend(“3”); 有没有办法重构此代码以消除冗余?

为什么jQuery Append不能用于HTML列表项的末尾?

我正在尝试克隆一个列表项,然后将其附加到该克隆列表项的底部,请注意它应该在克隆的列表项下面,而不是在列表的底部,因为我自己可以这样做。 目的是将它与jQuery.ui排序一起使用。 一切都很好,事实上我甚至可以得到克隆和追加权利。 但是,它会在结束 标记之前附加它,并且在我的生命中,我不能强制它在此标记之后追加。 这是HTML标记: feature 我们关注的部分是class=”other” ,在点击时会复制列表项。 到目前为止这是jQuery: // This works fine $(“.other”).click(function() { // This needs to be set (global) to be used later on in some future code. actionTarget = this; // This grabs the whole list item var targetStory = $(actionTarget).parent().parent(); // This clones the list item, as well as […]