使用JavaScript将链接添加到动态文本
[英]Add link to dynamic text with javascript
问题描述
我正在尝试使动态文本与javascript链接：
<div class="container">
<div class="form-current">
<form>
<h2 style="margin-left:10px" ><a href='#' onclick="homePage()" id="h2Current" ></a></h2>
<div id="node-current"></div>
</form>
</div>
这是html，文本是通过javascript函数从数据库加载的：
var h2Current = document.getElementById('h2Current');
h2Current.innerHTML = 'Day '+data[0]['day'];
参数“ data”是一个简单的Json。 文本显示正确的带下划线，但无法单击。
提前致谢
2 个解决方案
解决方案1
0 2013-09-10 14:44:25
问题不是JSON，因为您说它已出现并正确下划线。 问题是您不是在'onclick'事件期间实际上没有调用'homePage'函数，还是在'homePage'函数的代码中存在未处理的异常。 这是调试此问题的方法。
您需要在Chrome中打开网站，然后打开开发人员工具“ F12”。 单击“源”选项卡，找到您的.JS文件或页面文件（如果包含内联函数“ homePage”）。 您可能需要打开“文件浏览器”。 如果是这种情况，请单击“元素”选项卡正下方的“框中的箭头”。
打开文件后，找到函数声明'homePage'并在第一条非var声明行处断点。 现在，只需单击链接并逐步执行该功能。 您可能会发现根本没有调用该函数，甚至可能会列出JS异常。 解决代码中内联显示的所有异常。 如果您实际上要使用函数，请遍历每一行，包括所有嵌套函数的“ F11”，直到找到异常。
解决方案2
0 2013-09-10 14:49:25
您需要检查JSON。 检查我写的JSON是否正确。 检查您的JSON格式。 您可以使用jsonlint.com来验证要使用的JSON。
<html>
<head>
</head>
<body>
<div class="container">
<div class="form-current">
<form>
<h2 style="margin-left:10px" ><a href='#' onclick="homePage()" id="h2Current" ></a></h2>
<div id="node-current"></div>
</form>
</div>
</div>
<script>
var data = [{ 'day':'monday'},{ 'day':'tuesday'}]
var h2Current = document.getElementById('h2Current');
h2Current.innerHTML = data[0]['day'];
</script>
</body>
更改Javascript中的动态链接文本
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.