0

申し訳ありませんが、私は TypeScript の初心者です。私は次のコードを持っています、私はいくつかの間違いを犯したと思います、

HTML

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

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

TypeScript

/// <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" });

を使用"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 に答える