Получить контент DIV с помощью javascript, .innerHTML не работает?

Question

В настоящее время у меня есть перетаскивание jQuery и хочу вставить окончательные результаты в базу данных. Я хочу использовать JavaScript, чтобы получить значение, но я получаю результат «NULL», вместо фактического содержания (генерируемого PHP/MySQL)

Это мой JavaScript

function getValue() { 
var ajaxRequest; // The variable that makes Ajax possible! 
try{ 

    // Opera 8.0+, Firefox, Safari 
    ajaxRequest = new XMLHttpRequest(); 
    }catch (e){ 

    // Internet Explorer Browsers 
    try{ 
    ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP"); 
    }catch (e) { 

    try{ 
     ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP"); 
    }catch (e){ 

     // Something went wrong 
     alert("Your browser broke!"); 
     return false; 
    } 
    } 
    } 

var left1 = document.getElementById('left1').getAttribute('value'); 
var left2 = document.getElementById("left2").getAttribute('value'); 
var left3 = document.getElementById("left3").getAttribute('value'); 

var queryString = "?left1=" + left1 ; 
queryString += "&left2=" + left2 + "&left3=" + left3; 
    ajaxRequest.open("GET", "http://localhost:8888/ff/public_html/drag_and_drop.php" + queryString, true); 
ajaxRequest.send(null); 
} 

PHP код:

$dinner1 = $_GET['dinner1']; 
$dinner2 = $_GET['dinner2']; 
$dinner3 = $_GET['dinner3']; 

$query2 = "INSERT INTO weekly_print (dinner1, dinner2, dinner3) VALUES ('".$dinner1."','".$dinner2."','".$dinner3."')"; 
      $result2 = mysql_query ($query2) or trigger_error("Query: $query\n<br />MySQL Error: " . mysql_error()); 
      if (@mysql_num_rows($result2) != 0) { 
       echo 'Success!!'; 

     } 
} 

Я попытался использовать его без getAttrubute('value');, однако я продолжал получать [object HTMLDivElement] в результате.

Это похожие вопросы, но они не работали для меня вообще.

how get content of div via javascript
Get content of a DIV using JavaScript
JavaScript innerHTML not working

При использовании innerHTML я получаю результат '[объект HTMLDivElement]'.

Я знаю, что мне нужно перейти на mysqli вместо mysql, на данный момент на тестовом сервере, поэтому, пожалуйста, проигнорируйте это.

Мой HTML:

<div class="column" id="left1" style="border: 2px solid #a13f80;"></div> 
<div class="column" id="left2" style="border: 2px solid #a13f80;"></div> 
<div class="column" id="left3" style="border: 2px solid #a13f80;"></div> 

Answer 1

вам просто нужно, чтобы получить значения вместо атрибута объявления: document.getElementById('left1').value;

Заменить код:

var left1 = document.getElementById('left1').value; 
var left2 = document.getElementById("left2").value; 
var left3 = document.getElementById("left3").value; 

И Преобразование структуры Div в полях ввода как получение значений из div и передача его в php очень нестандартный метод:

<input class="column" id="left1" style="border: 2px solid #a13f80;" /> 
<input class="column" id="left2" style="border: 2px solid #a13f80;" /> 
<input class="column" id="left3" style="border: 2px solid #a13f80;" /> 

Answer 2

Ваши дивы пустые, вот почему innerHTML не работает

PS: Не могу комментировать до маленьких точек

Answer 3

USE innerText или textContent атрибутов, чтобы получить Див текст.

left1div = document.getElementById('left1'); 
var left1divval = left1div.textContent || left1div.innerText; 
alert(left1divval); 

See Working Example