javascript - 在警报窗口中显示复制的 HTML 元素

Question

我有这个代码:

<fieldset>
    <legend>Professional Ditails</legend>
    <div id="initialTransInfoElement">
        <p>
            <label id="lblInstitution1">
                Institution
                <input type="text" name="inptInstitution" required="required" />
            </label>
            <label id="lblQualification1">
                Qualification
                <select name="cars">
                    <option value="volvo">Volvo</option>
                    <option value="saab">Saab</option>
                    <option value="fiat">Fiat</option>
                    <option value="audi">Audi</option>
                </select>
            </label>
        </p>
    </div>

    <button type="button" name="button" onclick="test()">
        test</button>
</fieldset>

<script type="text/javascript">
function toCelsius(fahrenheit) {
    alert("DDD");
}

function test() {
    var elem = $("#initialTransInfoElement").clone();
    alert(elem.toString());
}

当我单击“测试”按钮时，我想在警报窗口中看到复制的元素，但我却看到警报窗口显示以下文本:[对象对象]

我错过了什么？为什么我得到上面的消息？我怎样才能显示复制的 HTML 代码？

Answer 1

将其更改为使用:

alert(elem.html());

Example here