个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
操作
25
4
我正在处理this例子。我的实现如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title of the document</title>
</head>
<body>
<pre>
Text in a pre element
is displayed in a fixed-width
font, and it preserves
both spaces and
line breaks
</pre>
<p> This is here for contrast</p>
<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p>
<script>
anode = document.body.getElementsByTagName('pre');
re = /and/g;
/*
@param node is a (<pre> in this case) html node
@param keyword is a RegExp
“syntax highlighter” that looks for <pre> tags with a data-language attribute and
crudely tries to highlight the keywords for that language
*/
function highlightCode(node, keywords) {
var text = node.textContent;
node.textContent = ""; // Clear the node
var match, pos = 0;
while (match = keywords.exec(text)) {
var before = text.slice(pos, match.index);
node.appendChild(document.createTextNode(before));
var strong = document.createElement("strong");
strong.appendChild(document.createTextNode(match[0]));
node.appendChild(strong);
pos = keywords.lastIndex;
}
var after = text.slice(pos);
node.appendChild(document.createTextNode(after));
}
highlightCode(anode, re)
</script>
</body>
</html>
当我运行此文件时，我发现没有发生任何操作。使用我的网络检查器我注意到 anode = document.body.getElementsByTagName('pre');可能不会返回 <pre>标签，因为 node.textContent 似乎返回未定义。这是为什么？
最佳答案
document.body.getElementsByTagName('pre'); 返回文档中所有 pre 标记的数组。将其更改为 document.body.getElementsByTagName('pre')[0]; 以使其仅返回第一个 pre 标记。
或者将 highlightCode 的全部内容包含在 for 循环中，使其突出显示文档中的所有 pre 标记:
function highlightCode(node, keywords) {
for (var i = 0; i < node.length; i++) {
var pre = node[i];
var text = pre.textContent;
pre.textContent = ""; // Clear the node
var match, pos = 0;
while (match = keywords.exec(text)) {
var before = text.slice(pos, match.index);
pre.appendChild(document.createTextNode(before));
var strong = document.createElement("strong");
strong.appendChild(document.createTextNode(match[0]));
pre.appendChild(strong);
pos = keywords.lastIndex;
}
var after = text.slice(pos);
pre.appendChild(document.createTextNode(after));
}
}
关于javascript - Eloquent Javascript DOM <pre> 操作，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/29724205/
25
4
0
我是 Laravel 的新手，我正在处理我的数据库迁移。对于一个表，我在表定义中包含了 $table->timestamps() 快捷方式。令我沮丧的是，我发现在我为表设置种子后，created_at
我有一个任务需要显示每种类型的假期，其中 id 是奇数。当我尝试在 Eloquent 中执行它时，它总是给我一个错误。 查询 Select holiday_type.id, holiday_type.
我有一个任务需要显示每种类型的假期，其中 id 是奇数。当我尝试在 Eloquent 中执行它时，它总是给我一个错误。 查询 Select holiday_type.id, holiday_type.
好的，我有型号 A链接到许多模型 B , 所以型号 A有一个 hasMany与模型的关系 B和型号B有一个 belongsTo与模型的关系 A . 但是，在所有这些中B有一个特定的，例如具有较高值的
如何应用 Laravel 的 Eloquent whereIn() 以便它包含 null？ 我已经尝试过: User::whereIn("column", [null, 1, 2]) -> get()
我有一张库存变动表，其中显示了产品的历史记录(接收、移动位置等) 我有两个计算(通过总和)的查询: 原收到数量。 当前的实时数量(在事物被移动之后)。 这两个查询都返回相同模型的集合。它们将始终具有相
我一直在研究 Slim 2，最近才开始部署到生产服务器。到目前为止，一切似乎都运行正常。我能够登录，所以我知道我正在连接到数据库就好了。它识别出我登录的人，识别出我作为该用户拥有的权限。我有另一个表有
我在 Eloquent 中使用 orWhere 时遇到问题。 我有一个团队，这个团队有一些资料。我想获取状态 = 1 或状态 = 2 的所有配置文件。但我无法让它工作。 我的代码是这样的: $prof
在 Zizaco/entrust的 Laravel Entrust，如何设置与 Eloquent 的 Entrust 类关系，以便获得角色拥有的权限列表，如下所示: // get admin role
我想为我的两个表创建一个汇总报告，一个是员工表，另一个是 sims 表。这些表具有一对多的关系。我知道我们可以通过使用导出模型的数据->fromModel($model)但是有没有办法让我可以根据这两
我有两个模型，一个是扩展 Jenssegers\Model 的 mongo 模型，另一个是扩展 Illuminate\Model 的 sql 模型。这个 sql 模型没有定义连接名称，因为我们有多个数
我有两个多对一关系的模型: class Meal extends \Eloquent { /** * public Integer $id; - primary key
到目前为止，Vue2 对我来说读起来非常好，但除了这一点我很难调试。 Shop-show.vue ..... ..... {{shop.user.id}} .....
关闭。这个问题需要更多 focused .它目前不接受答案。 想要改进这个问题吗？ 更新问题，使其只关注一个问题 editing this post . 关闭 2 年前。 Improve this q
我需要获取第二个表的 ID。我无法避免使用 INNER JOIN，因为我必须按第二个表中的列对结果进行排序。 这是我的两张 table events id name .... date
我正在尝试为我的用户提供 Laravel hiscores 分页表的排名数字。 这是我发现有效的 MySQL 查询。我正在尝试将其作为 Laravel Eloquent 查询来使用。 select @
我的产品模型上有这种关系。 public function productInventory(){ return $this->hasOne('App\Models\Ecommerce
我正在尝试在 Laravel 5.5 应用程序中为一个包含关系数据的表添加种子。 我有这两个表/模型: 用户 问题 在 app\User.php 模型文件上；我有以下 hasMany 关系: publ
我重写了这个帮助请求，并简化了我试图尽量减少移动部件数量的内容。 我是一名经验丰富的 OOP 程序员，但这是我使用 LAMP、Laravel 或 Eloquent 的第一个项目。 我正在 Larave
我正在使用 Laravel 和 MongoDB (jenssegers/laravel-mongodb) 开发一个网络应用程序。 在使用 php artisan make:model 创建新模型时，命
我是一名优秀的程序员,十分优秀！