0

抱歉,我是 TypeScript 的新手。我有以下代码,我想我犯了一些错误,

HTML

<script src="hello.js"></script>    
</head>
<body>
    <h1>TypeScript HTML App</h1>

    <div id="content"></div>
</body>

打字稿

/// <reference path="jquery.d.ts" />
interface mysite {
    name: string;
    url: string;
}
function Show(site: mysite) {
    return site.name + " at http://" + site.url + "/";
}

window.onload = () => {
    var el = document.getElementById('content');     
    el.innerHTML = Show({ name: "Delphian", url: "stackoverflow.com/users/602714/delphian" });     
    //$(el).css("color", "red");
    $("el").css({"color": "red" });
};

我尝试了很多方法来在 HTML DIV 元素上获得这种 CSS 效果,但没有得到。我犯了什么错误?请建议.. 更新 Javascript

function Show(site) {
    return site.name + " at http://" + site.url + "/";
}

window.onload = function () {
    var el = document.getElementById('content');
    el.innerHTML = Show({ name: "Delphian", url: "stackoverflow.com/users/602714/delphian" });
    $("#content").css({ "color": "red" });
};
4

3 回答 3

1

要么使用

$(el).css({"color": "red" });

正如 Steve Fenton 提到的或使用 JQuery 的选择器机制直接选择元素:

$("#content").css({"color": "red" });

"#element" 选择具有此 id 的元素,".element" 选择具有此类的所有元素,"element" 选择具有此标签的所有元素。

于 2013-07-04T09:24:54.057 回答
0

你有一个小错字:

$("el").css({"color": "red" });

应该

$(el).css({"color": "red" });

Using"el"将选择 type 的元素<el>,而传递变量el会将元素包装在 jQuery 对象中。

你可以使用:

var myHtml = Show({ name: "Delphian", url: "stackoverflow.com/users/602714/delphian" });
$('#content').css({"color": "red" }).html(myHtml);

JSFiddle 上的纯 JavaScript 演示- 但在 TypeScript 中也应该同样工作。

于 2013-07-04T09:20:01.473 回答
0

替换此行

$("el").css({"color": "red" });

有了这个

$("#content").css({"color": "red" });

这对你有用。

于 2013-07-04T09:28:09.220 回答