【如何利用js拼接html字符串】教程文章相关的互联网学习教程文章

javascript-使用htmlparser2将html字符串解析为json【代码】

我正在尝试使用htmlparser2(https://www.npmjs.com/package/htmlparser2)将html原始字符串解析为json. 但是它的用法仅注销标签/文本,我想要的是像livedemo(http://demos.forbeslindesay.co.uk/htmlparser2/)这样的json,以便我可以过滤所需的元素. 任何帮助或建议,将不胜感激!解决方法:看了一下源代码,似乎有一个可以解决问题的辅助方法parseDOM:var htmlparser = require("htmlparser2"); elements = htmlparser.parseDOM(htmlSt...

Javascript-将HTML字符串发送到服务器,然后可以使用DOM与之交互吗?可以在上面使用jQuery吗?【代码】

假设以下HTML是网页的一部分-<div id='container'><div class='inner'><p id='text_a'>Some text</p><p id='text_b'>Some more text</p></div> </div>假设我将此HTML保存为字符串,然后将其发送到服务器.然后可以使用DOM与服务器上的HTML进行交互吗?这样我就可以执行.getElementById(‘text_a’).value之类的操作来检索“某些文本”吗?接下来,是否可以使用jQuery与HTML进行交互?解决方法:签出cheerio.从自述文件中:var cheerio ...

javascript-如何使用jQuery更改特定的HTML字符串【代码】

这是我的HTML代码:<th>Click<br/><img class="magnifier" height="66" src="../Images/magnifier-zoom.png" width="75"><br/>To Enlarge </th>我有一个jQuery脚本,当单击它时会切换一个放大类,所以当有人单击以放大时,我想更改放大词以缩小,是否有任何简单的方法可以在jQuery中做到这一点? 还是你们认为我最好有2个< div>甚至< span>元素并切换每个元素的显示?解决方法:有很多方法可以做到这一点.您可以利用伪元素内容,使用Java...

javascript-如何使用jQuery find从整页HTML字符串中提取内容【代码】

我有一个TypeScript方法,该方法旨在从传入的Ajax加载的HTML字符串(如果它是完整视图)中提取特定的局部视图元素. 即使字符串包含具有class =“ body-content”的元素,下面的行也将返回0长度:$(html).find('.body-content')功能:// Extract a panel from a HTML string// Allow for multiple child elementsprivate _extractPanel(html: string): JQuery{var $panel: JQuery;// Test for full vs. partial view in htmlif (/<html>...

javascript – 如何在不使用XmlService的情况下解析Google Apps脚本中的HTML字符串?【代码】

我想使用Google Spreadsheets和Google Apps脚本创建一个刮刀.我知道这是可能的,我已经看过一些关于它的教程和线程. 主要想法是使用:var html = UrlFetchApp.fetch('http://en.wikipedia.org/wiki/Document_Object_Model').getContentText();var doc = XmlService.parse(html);然后开始使用这些元素.但是,方法XmlService.parse()对某些页面不起作用.例如,如果我尝试:function test(){var html = UrlFetchApp.fetch("https://www.n...

javascript – 将HTML字符串呈现为React组件中的真实HTML【代码】

这是我尝试过的以及它是如何出错的. 这有效:<div dangerouslySetInnerHTML={{ __html: "<h1>Hi there!</h1>" }} />这不是:<div dangerouslySetInnerHTML={{ __html: this.props.match.description }} />description属性只是HTML内容的正常字符串.然而,由于某种原因,它被渲染为字符串,而不是HTML.有什么建议?解决方法:检查您尝试附加到节点的文本是否没有像这样转义:var prop = {match: {description: '<h1>Hi there!</h1>'} };...

javascript – 使用内置DOM方法或Prototype从HTML字符串创建新的DOM元素【代码】

我有一个表示元素的HTML字符串:’< li> text< / li>‘.我想将它附加到DOM中的元素(在我的情况下是ul).如何使用Prototype或DOM方法执行此操作? (我知道我可以在jQuery中轻松完成这个,但不幸的是我们没有使用jQuery.)解决方法:注意:大多数当前浏览器都支持HTML< template>元素,提供了一种更可靠的方法来转换从字符串创建元素.见Mark Amery’s answer below for details. 对于较旧的浏览器和node / jsdom :(在编写时尚未支持< temp...

如何在存储为Javascript变量的HTML字符串中转义JSON?【代码】

我正在尝试解析一个JSON字符串,由于非法的字符,我无法让它工作 – 我找不到… 这是我有的:make = function (el) {var config = el.getAttribute("data-config");console.log(config);var dyn = $.parseJSON(config)console.log(dyn); }var a= document.createElement("<a href='#' class='template' data-config=\"{'role':'button','iconpos':'left','icon':'star','corners':'false','shadow':'false', 'iconshadow':'false', '...

javascript – 如何将HTML字符串附加到DocumentFragment?【代码】

我正在将textnodes添加到documentFragment中,如下所示:var foo = document.createDocumentFragment(); var someText = "Hello World"; foo.appendChild(document.createTextNode(someText));这工作正常,但有时我传递“文本”,其中包括这样的内联链接:var someOtherText = "Hello <a href='www.world.com'>World</a>";我的处理程序中的哪个转换为硬编码文本而不是链接. 题:如何将上述HTML字符串附加到documentFragment中?如果我...

javascript – jQuery – 更新HTML字符串【代码】

我有一个使用jQuery的网页.在这个应用程序中,我有一个接收HTML字符串的函数.此HTML字符串是动态生成的.但是,我知道我想更新HTML中的一个元素的类列表. HTML字符串的示例如下所示:<p>This is a test</p><div class="example" data-id="1">example</div> <p>This is only a test.</p>我想在此字符串中找到具有特定data-id值的元素,并更新其类列表.为了解决我的问题,我创建了这个Fiddle,其中包括以下代码:function updateHtml(html,...

javascript – 使用jQuery获取html字符串的一部分【代码】

我有一个名为response的javascript变量.这是ajax调用的响应.此变量具有以下内容:<table id="ListCompanies" class="zebra-striped"><thead><tr><th>Nom de la societe</th><th>Ville</th><th>Rue</th><th width="70"><a class="btn primary small createCompany" href="/PLATON/Admin/Company/Create">[+] Nouvelle societe</a> </th></tr> </thead><tbody><tr id="13"><td>INDUSTRIAL DEFENDER INC</td><td>FOXBOROUGH</td><td>C...

JavaScript:给定HTML字符串中的偏移量和子字符串长度,父节点是什么?【代码】

我当前的项目需要在元素的文本内容中定位一个字符串数组,然后将这些匹配的字符串包装在< a>中.使用JavaScript的元素(为简洁起见,这里简化了要求).如果可能的话,我需要避免使用jQuery – 至少包括完整的库. 例如,给定这个HTML块:<div><p>This is a paragraph of text used as an example in this Stack Overflowquestion.</p> </div>和这个匹配的字符串数组:['paragraph', 'example']我需要到达这个:<div><p>This is a <a href=...

javascript – 在HTML中将HTML附加到HTML字符串中【代码】

我有一个HTML字符串,我想在一些任意位置附加另一个HTML字符串. 例:var htmlString = '<div id="insert"> <p> Hello </p> </div>'var appendString = '<p> Goodbye </p>'$(appendString).appendTo( $(htmlString).find('#insert') )显然这不起作用,因为它无法直接插入字符串,但是,我不想将htmlString转换为jQuery对象,因为它弄乱了HTML文档的结构,我需要脚本标记保留在他们拥有的位置插入. 希望足够清楚. 编辑: 道歉,我想我的问题...

javascript – 是否可以从内存中的html字符串加载电子webContents?【代码】

假设我有2个进程: 进程1向进程2发送有效的html字符串:ipcRenderer.send('open-window-from-string', '<!DOCTYPE html>' + '<html>' + htmlElement.innerHTML + '</html>');过程2(Electron Main-Process)尝试从该字符串打开一个新窗口:ipc.on('open-window-from-string', (event, htmlString) => {const windowFromString= BrowserWindow.fromWebContents(htmlString); }我知道我可以将html保存为实际的html文件.这样一切都在使...

JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部