2016-09-22 65 views
0

我有一個看起來像這樣爲什麼我得到這個<br>元素在一個contenteditble div?

<div id="test" contenteditable="true" style="height: 17px;"> 
</div> 

當我做$("#test").html()一個div元素,我希望看到一個空字符串返回,但實際上,它給了我<br>

爲什麼會有一個<br>,即使我沒有把任何在那裏的div?

編輯:實際上,在div標籤之間,我有一個Struts2屬性標籤,它輸出一個值,但是在後端填充的這個值是空的,所以我並不期待在那裏看到<br>

+1

我[無法複製](http://jsbin.com/xadovaciku/edit?html,js,console)。 –

+2

無法複製,因爲這不是您擁有的實際HTML。 – adeneo

+2

嘗試把div的開頭放在同一行上。 – luissimo

回答

-1

https://jsfiddle.net/47r6p89r/

<div ...></div>之間的空間。 空格將被HTML檢測到,但只能一個接一個地檢測。奇怪的是你有

<br> 

作爲輸出我只是沒有得到任何東西在小提琴。

這裏像在我的小提琴中,你可以檢測如果#test是空的,如果不是你可以看到結果。

$(document).ready(function() { 
    if ($('#test').html() !== "") 
    $('#console').text($('#test').html()); 
    else 
    $('#console').text('empty'); 
}); 
0

它看起來像奇怪的問題,據我的經驗,這可能是因爲這些東西

  1. 這可能是HTML標記沒有被關閉
  2. 你可能有一些瀏覽器的擴展,它一段時間做這些類型奇怪的東西

所以儘量禁用所有的擴展,並檢查所有的html標籤也禁用擴展後嘗試在隱身模式,我認爲它可以幫助您調試此問題。