Question

我在javascript中有一个变量，其定义类似于

var tip = "<p style="color:red;">This is tip</p>";

我将此提示分配到我页面的<div>元素中。但是div正在显示与上面相同的文本。我希望这有红色和其他风格，我稍后会添加。

Answer 1

尝试html()代替text()，如：

var tip = '<p style="color:red;">This is tip</p>';
$('body').append(tip);
// $('#selector').html(tip);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

说明：如果您想将某些字符串作为文字传递，请使用text()，当您想将其作为html传递时使用html()。

Answer 2

使用jQuery在这里有点多，但通常很简单的开始

#target{
border: 1px solid blue;
}

<!-- this you do not need when not using jquery, would quite some bandwidth; also think about hosting those files yourself if you need them and do not rely on third parties for data security reasons and availability of service -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="target">empty</div>

Request $request = null

Answer 3

我需要学习如何使用javascript或jquery生成或创建dom元素

你也可以使用javascript创建它，但jquery让它变得简单!!

var $p = $("<p>");
$p.css("color","red");
$p.html("This is tip.");
$('body').append($p);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 4

你可以尝试这个：

var tip = "<p>This is tip</p>";
$('youdiv').html(tip).css('color','red');

你也可以尝试这个：

var tip = "<p style='color:red;'>This is tip</p>";
$('youdiv').html(tip);

在浏览器中呈现HTML元素

4 个答案: