Как получить редактируемое значение td в javascript

Question

Я стол, в котором я отмечаю td как редактируемый, я также назначаю ему уникальный идентификатор, но в стороне javascript я не могу получить значение (innerText). Вот HTML:

<td style="text-align: left" id="145_no" contenteditable="true" ng-blur="editTranslation(ft)" class="glowing-border ng-binding"><font><font>some value which user write</font></font></td> 

Это, как я пытался получить текст в стороне JavaScript:

var tdElem = document.getElementById ("145_no"); 
var tdText = tdElem.innerText | tdElem.textContent; 

результат всегда показывает, как пустая строка. Может кто-то предложить правильный путь. Я хочу реализовать это как для Firefox, так и для Chrome.

---------------- Полный код ---------

HTML:

<tr class="statistics_table_row cursor" 
         data-ng-repeat="ft in flagsWithTranslation | filter:{language:'no'} | orderBy:'flag'"> 
         <td width="20%" style="text-align: left">{{ ft.flag }}</td> 
         <td style="text-align: left" id="{{ft.id}}_{{ft.language}}" contentEditable="true" 
          ng-blur="editTranslation(ft)" class="glowing-border">{{ ft.translation }} 
         </td> 
        </tr> 

JavaScript:

$scope.editTranslation = function (flagTranslation) { 
    var editTranslation = "", temp = ""; 
    var tdElem = document.getElementById (flagTranslation.id + "_" + flagTranslation.language); 
    var tdText = tdElem.innerText || tdElem.textContent; 
    $log.info("tdText: " + tdText); 

    ...... 
    } 

Answer 1

вы должны использовать логическое "||" OR, а не побитовое или "|" Оператор

function editTranslation(){ 
 
var tdElem = document.getElementById("145_no"); 
 
var tdText = tdElem.innerText || tdElem.textContent; 
 
    console.log(tdText); 
 
    }

<table> 
 
    <tr> 
 
<td style="text-align: left" id="145_no" contenteditable="true" onblur="editTranslation()" class="glowing-border ng-binding"><font><font>some value which user write</font></font></td> 
 
    </tr> 
 
    </table>