0

関数に供給される情報をフォーマットしようとしています。私が望む方法は、各アイテムを独自の行に配置することです。会社名は Eurostile Bold の 14pt、住所は Myriad Pro Regular の 10pt、連絡先の名前、電話番号、メールアドレスは Myriad Pro Black の 10pt です。これまでの私の試みでは、各アイテムが ap タグである div が作成されます。私が望むようにpタグをスタイリングすることに成功したことはありません。また、社名以外はインデントして欲しいです。インデントを強制しようとすると、出力は依然として左揃えになります。よろしくお願いします。

addSuggestion = function (company_name, contact_name, street_address_1, street_address_2, phone, email) {
    var output = document.getElementById('container');
    var div = document.createElement('div');
    var p1 = document.createElement('p');
    var p2 = document.createElement('p');
    var p3 = document.createElement('p');
    var p4 = document.createElement('p');
    var p5 = document.createElement('p');
    var p6 = document.createElement('p');
    div.classList.add('container');

    if(company_name) {
        p1.textContent = company_name;
        div.appendChild(p1);
    }
    else {
        p1.textContent = "*** COMPANY INFO ***";
        div.appendChild(p1);
    }

    if(contact_name) {
        p2.textContent = contact_name;
        div.appendChild(p2);
    }

    if(street_address_1) {
        p3.textContent = street_address_1;
        div.appendChild(p3);
    }

    if(street_address_2) {
        p4.textContent = street_address_2;
        div.appendChild(p4);
    }

    if(phone) {
        p5.textContent = phone;
        div.appendChild(p5);
    }

    if(email) {
        p6.textContent = email;
        div.appendChild(p6);
    }

    output.appendChild(div);
}
4

2 に答える 2

0

pスタイルを設定できるように、タグにクラス名を付ける必要があります。たとえば、作成後p1にクラス名を設定できます。

p1.className = "contactname";

次に、スタイルシートで、この新しいクラスを使用してスタイルを設定できます。

.contactname {
    font-family: 'Myriad Pro Black';
    font-size: 10pt;
    text-indent: 4em;
}

text-indent各段落の最初の行を一定量インデントするプロパティに注意してください。padding-leftこれがうまくいかない場合にも使用できます。

また、将来の保守性のために、どれがどれであるかを簡単に判別できるようp1に、 、 などよりもわかりやすい変数名を使用することをお勧めします。p2

于 2013-08-13T15:01:29.030 に答える
0

別のスタイルの CSS クラスを作成します。そして、それらのクラスを要素に動的に追加します!

于 2013-08-13T14:59:03.463 に答える